diff --git a/src/ui/video_editor.rs b/src/ui/video_editor.rs
new file mode 100644
index 0000000..2f90795
--- /dev/null
+++ b/src/ui/video_editor.rs
@@ -0,0 +1,232 @@
+use std::{io, path::PathBuf, sync::Arc};
+
+use cosmic::{
+    dialog::file_chooser::{open::Dialog, FileFilter},
+    iced::{alignment::Vertical, Length},
+    iced_wgpu::graphics::text::cosmic_text::fontdb,
+    iced_widget::{column, row},
+    theme,
+    widget::{
+        button, combo_box, container, horizontal_space, icon,
+        progress_bar, scrollable, text, text_editor, text_input,
+        vertical_space, Space,
+    },
+    Element, Task,
+};
+use dirs::font_dir;
+use iced_video_player::{Video, VideoPlayer};
+use rayon::iter::{IntoParallelIterator, ParallelIterator};
+use tracing::{debug, error};
+use url::Url;
+
+use crate::{
+    core::{service_items::ServiceTrait, slide::Slide, songs::Song},
+    ui::{
+        presenter::slide_view, slide_editor::SlideEditor, text_svg,
+    },
+    Background, BackgroundKind,
+};
+
+#[derive(Debug)]
+pub struct VideoEditor {
+    pub video: Option<Video>,
+    core_video: Option<crate::core::videos::Video>,
+    title: String,
+    editing: bool,
+}
+
+pub enum Action {
+    Task(Task<Message>),
+    UpdateVideo(crate::core::videos::Video),
+    None,
+}
+
+#[derive(Debug, Clone)]
+pub enum Message {
+    ChangeVideo(crate::core::videos::Video),
+    Update(crate::core::videos::Video),
+    ChangeTitle(String),
+    PickVideo,
+    Edit(bool),
+    None,
+    PauseVideo,
+}
+
+impl VideoEditor {
+    pub fn new() -> Self {
+        Self {
+            video: None,
+            core_video: None,
+            title: "Death was Arrested".to_string(),
+            editing: false,
+        }
+    }
+    pub fn update(&mut self, message: Message) -> Action {
+        match message {
+            Message::ChangeVideo(video) => {
+                let Ok(player_video) = Url::from_file_path(
+                    video.path.clone(),
+                )
+                .map(|url| Video::new(&url).expect("Should be here")) else {
+                    self.video = None;
+                    self.title = video.title.clone();
+                    self.core_video = Some(video);
+                    return Action::None;
+                };
+
+                self.video = Some(player_video);
+                self.title = video.title.clone();
+                self.core_video = Some(video.clone());
+                return self.update(Message::Update(video));
+            }
+            Message::ChangeTitle(title) => {
+                self.title = title.clone();
+                if let Some(video) = &self.core_video {
+                    let mut video = video.clone();
+                    video.title = title;
+                    return self.update(Message::Update(video));
+                }
+            }
+            Message::Edit(edit) => {
+                debug!(edit);
+                self.editing = edit;
+            }
+            Message::PauseVideo => {
+                if let Some(video) = &mut self.video {
+                    let paused = video.paused();
+                    video.set_paused(!paused);
+                };
+            }
+            Message::Update(video) => {
+                return Action::UpdateVideo(video);
+            }
+            Message::PickVideo => {
+                let task =
+                    Task::perform(pick_video(), |video_result| {
+                        if let Ok(video) = video_result {
+                            let video =
+                                crate::core::videos::Video::from(
+                                    video,
+                                );
+                            Message::ChangeVideo(video)
+                        } else {
+                            Message::None
+                        }
+                    });
+                return Action::Task(task);
+            }
+            _ => (),
+        }
+        Action::None
+    }
+
+    pub fn view(&self) -> Element<Message> {
+        let video_elements = if let Some(video) = &self.video {
+            let play_button = button::icon(if video.paused() {
+                icon::from_name("media-playback-start")
+            } else {
+                icon::from_name("media-playback-pause")
+            })
+            .on_press(Message::PauseVideo);
+            let video_track = progress_bar(
+                0.0..=video.duration().as_secs_f32(),
+                video.position().as_secs_f32(),
+            )
+            .height(cosmic::theme::spacing().space_s)
+            .width(Length::Fill);
+            container(
+                row![play_button, video_track]
+                    .align_y(Vertical::Center)
+                    .spacing(cosmic::theme::spacing().space_m),
+            )
+            .padding(cosmic::theme::spacing().space_s)
+            .center_x(Length::FillPortion(2))
+        } else {
+            container(horizontal_space())
+        };
+
+        let video_player = self
+            .video
+            .as_ref()
+            .map_or(Element::from(Space::new(0, 0)), |video| {
+                Element::from(VideoPlayer::new(video))
+            });
+
+        let video_section = column![video_player, video_elements]
+            .spacing(cosmic::theme::spacing().space_s);
+        let column = column![
+            self.toolbar(),
+            container(video_section).center_x(Length::FillPortion(2))
+        ]
+        .spacing(theme::active().cosmic().space_l());
+        column.into()
+    }
+
+    fn toolbar(&self) -> Element<Message> {
+        let title_box = text_input("Title...", &self.title)
+            .on_input(Message::ChangeTitle);
+
+        let video_selector = button::icon(
+            icon::from_name("folder-videos-symbolic").scale(2),
+        )
+        .label("Video")
+        .tooltip("Select a video")
+        .on_press(Message::PickVideo)
+        .padding(10);
+
+        row![
+            text::body("Title:"),
+            title_box,
+            horizontal_space(),
+            video_selector
+        ]
+        .align_y(Vertical::Center)
+        .spacing(10)
+        .into()
+    }
+
+    pub const fn editing(&self) -> bool {
+        self.editing
+    }
+}
+
+impl Default for VideoEditor {
+    fn default() -> Self {
+        Self::new()
+    }
+}
+
+async fn pick_video() -> Result<PathBuf, VideoError> {
+    let dialog = Dialog::new().title("Choose a video...");
+    let bg_filter = FileFilter::new("Videos")
+        .extension("mp4")
+        .extension("webm")
+        .extension("mkv");
+    dialog
+        .filter(bg_filter)
+        .directory(dirs::home_dir().expect("oops"))
+        .open_file()
+        .await
+        .map_err(|e| {
+            error!(?e);
+            VideoError::DialogClosed
+        })
+        .map(|file| file.url().to_file_path().unwrap())
+    // rfd::AsyncFileDialog::new()
+    //     .set_title("Choose a background...")
+    //     .add_filter(
+    //         "Images and Videos",
+    //         &["png", "jpeg", "mp4", "webm", "mkv", "jpg", "mpeg"],
+    //     )
+    //     .set_directory(dirs::home_dir().unwrap())
+    //     .pick_file()
+    //     .await
+    //     .ok_or(VideoError::BackgroundDialogClosed)
+    //     .map(|file| file.path().to_owned())
+}
+
+#[derive(Debug, Clone)]
+pub enum VideoError {
+    DialogClosed,
+    IOError(io::ErrorKind),
+}