From 8bb66743031ed53694f46d5e57bb50f87cfb5348 Mon Sep 17 00:00:00 2001 From: Hakim El Hattab Date: Thu, 4 Sep 2025 10:15:17 +0200 Subject: [PATCH] fix videos not autoplaying when using control arrows in android --- js/controllers/controls.js | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/js/controllers/controls.js b/js/controllers/controls.js index 7c52a0fc..bcd52db4 100644 --- a/js/controllers/controls.js +++ b/js/controllers/controls.js @@ -83,9 +83,10 @@ export default class Controls { let pointerEvents = [ 'touchstart', 'click' ]; // Only support touch for Android, fixes double navigations in - // stock browser + // stock browser. Use touchend for it to be considered a valid + // user interaction (so we're allowed to autoplay media). if( isAndroid ) { - pointerEvents = [ 'touchstart' ]; + pointerEvents = [ 'touchend' ]; } pointerEvents.forEach( eventName => { @@ -102,7 +103,7 @@ export default class Controls { unbind() { - [ 'touchstart', 'click' ].forEach( eventName => { + [ 'touchstart', 'touchend', 'click' ].forEach( eventName => { this.controlsLeft.forEach( el => el.removeEventListener( eventName, this.onNavigateLeftClicked, false ) ); this.controlsRight.forEach( el => el.removeEventListener( eventName, this.onNavigateRightClicked, false ) ); this.controlsUp.forEach( el => el.removeEventListener( eventName, this.onNavigateUpClicked, false ) );