update packages and add valign

scripts/reveal.js/js/controllers/controls.js

@@ -1,5 +1,5 @@
-import { queryAll, enterFullscreen } from '../utils/util.js'
-import { isAndroid } from '../utils/device.js'
+import { queryAll, enterFullscreen } from '../utils/util'
+import { isAndroid } from '../utils/device'
 
 /**
  * Manages our presentation controls. This includes both
@@ -66,9 +66,11 @@ export default class Controls {
 	 */
 	configure( config, oldConfig ) {
 
+		const speakerOnly = config.controls === 'speaker' || config.controls === 'speaker-only';
+
 		this.element.style.display = (
 			config.controls &&
-			(config.controls !== 'speaker-only' || this.Reveal.isSpeakerNotes())
+			(!speakerOnly || this.Reveal.isSpeakerNotes())
 		) ? 'block' : 'none';
 
 		this.element.setAttribute( 'data-controls-layout', config.controlsLayout );
@@ -83,9 +85,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 +105,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 ) );