diff --git a/front/apps/mobile/app/watch/[slug].tsx b/front/apps/mobile/app/watch/[slug].tsx
new file mode 100644
index 00000000..213b397c
--- /dev/null
+++ b/front/apps/mobile/app/watch/[slug].tsx
@@ -0,0 +1,24 @@
+/*
+ * Kyoo - A portable and vast media library solution.
+ * Copyright (c) Kyoo.
+ *
+ * See AUTHORS.md and LICENSE file in the project root for full license information.
+ *
+ * Kyoo is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * any later version.
+ *
+ * Kyoo is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { Player } from "@kyoo/ui";
+import { withRoute } from "../../utils";
+
+export default withRoute(Player);
diff --git a/front/apps/web/src/pages/watch/[slug].tsx b/front/apps/web/src/pages/watch/[slug].tsx
index 58c21202..ff4e5dc5 100644
--- a/front/apps/web/src/pages/watch/[slug].tsx
+++ b/front/apps/web/src/pages/watch/[slug].tsx
@@ -18,6 +18,7 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import Player from "~/player/player";
+import { Player } from "@kyoo/ui";
+import { withRoute } from "~/utils/router";
 
-export default Player;
+export default withRoute(Player);
diff --git a/front/packages/ui/src/index.ts b/front/packages/ui/src/index.ts
index 56c22c59..65e1d0f1 100644
--- a/front/packages/ui/src/index.ts
+++ b/front/packages/ui/src/index.ts
@@ -21,3 +21,4 @@
 export * from "./navbar";
 export { BrowsePage } from "./browse";
 export { MovieDetails, ShowDetails } from "./details";
+export { Player } from "./player";
diff --git a/front/apps/web/src/player/components/hover.tsx b/front/packages/ui/src/player/components/hover.tsx
similarity index 100%
rename from front/apps/web/src/player/components/hover.tsx
rename to front/packages/ui/src/player/components/hover.tsx
diff --git a/front/apps/web/src/player/components/left-buttons.tsx b/front/packages/ui/src/player/components/left-buttons.tsx
similarity index 100%
rename from front/apps/web/src/player/components/left-buttons.tsx
rename to front/packages/ui/src/player/components/left-buttons.tsx
diff --git a/front/apps/web/src/player/components/progress-bar.tsx b/front/packages/ui/src/player/components/progress-bar.tsx
similarity index 100%
rename from front/apps/web/src/player/components/progress-bar.tsx
rename to front/packages/ui/src/player/components/progress-bar.tsx
diff --git a/front/apps/web/src/player/components/right-buttons.tsx b/front/packages/ui/src/player/components/right-buttons.tsx
similarity index 100%
rename from front/apps/web/src/player/components/right-buttons.tsx
rename to front/packages/ui/src/player/components/right-buttons.tsx
diff --git a/front/apps/web/src/player/keyboard.tsx b/front/packages/ui/src/player/keyboard.tsx
similarity index 100%
rename from front/apps/web/src/player/keyboard.tsx
rename to front/packages/ui/src/player/keyboard.tsx
diff --git a/front/apps/web/src/player/media-session.tsx b/front/packages/ui/src/player/media-session.tsx
similarity index 100%
rename from front/apps/web/src/player/media-session.tsx
rename to front/packages/ui/src/player/media-session.tsx
diff --git a/front/apps/web/src/player/player.tsx b/front/packages/ui/src/player/player.tsx
similarity index 100%
rename from front/apps/web/src/player/player.tsx
rename to front/packages/ui/src/player/player.tsx
diff --git a/front/apps/web/src/player/state.tsx b/front/packages/ui/src/player/state.tsx
similarity index 100%
rename from front/apps/web/src/player/state.tsx
rename to front/packages/ui/src/player/state.tsx