Disable swiping on viewer video controls

Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com> Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
nextcloud · Dec 29, 2021 · a283000 · a283000
1 parent 6a57fce
commit a283000
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/js/viewer-main.js b/js/viewer-main.js
diff --git a/js/viewer-main.js.map b/js/viewer-main.js.map
diff --git a/src/components/Videos.vue b/src/components/Videos.vue
@@ -104,6 +104,17 @@ export default {
 		},
 	},
 
+	mounted() {
+		// Prevent swiping to the next/previous item when scrubbing the timeline or changing volume
+		[...this.$el.querySelectorAll('.plyr__controls__item')].forEach(control => {
+			if (!control?.addEventListener) {
+				return
+			}
+			control.addEventListener('mouseenter', this.disableSwipe)
+			control.addEventListener('mouseleave', this.enableSwipe)
+		})
+	},
+
 	methods: {
 		// Updates the dimensions of the modal
 		updateVideoSize() {