diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue
index 75dfa172..9e1fb5fc 100644
--- a/src/components/VideoPlayer.vue
+++ b/src/components/VideoPlayer.vue
@@ -57,7 +57,7 @@ export default {
         selectedAutoLoop: Boolean,
         isEmbed: Boolean,
     },
-    emits: ["timeupdate", "ended"],
+    emits: ["timeupdate", "ended", "navigateNext"],
     data() {
         return {
             lastUpdate: new Date().getTime(),
@@ -191,7 +191,7 @@ export default {
                             e.preventDefault();
                             break;
                         case "shift+n":
-                            self.navigateNext();
+                            self.$emit("navigateNext");
                             e.preventDefault();
                             break;
                         case "shift+,":
diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index 6b7f2530..85952223 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -29,6 +29,7 @@
                         :selected-auto-loop="selectedAutoLoop"
                         @timeupdate="onTimeUpdate"
                         @ended="onVideoEnded"
+                        @navigate-next="navigateNext"
                     />
                 </keep-alive>
                 <ChaptersBar