videojs-mobile-ui 1.2.0 → 1.2.1

package/README.md

@@ -41,8 +41,8 @@ Adjust seek times and tap sensitivity to match your specific content needs.
 
 Newer functionality is opt-in, to not force new features on existing players. Things you might want to add:
 
-- `fullscreen.swipeToFullScreen`, to enter fullscreen by swiping up on the video.
-- `fullscreen.swipeFromFullScreen`, to exit fullscreen by swiping down on the video (except iPhone).
+- `fullscreen.swipeToFullscreen`, to enter fullscreen by swiping up on the video.
+- `fullscreen.swipeFromFullscreen`, to exit fullscreen by swiping down on the video (except iPhone).
 - `touchControls.disableOnEnd`, to disable the touch controls at the end of the video. Useful if you have any sort of endcard displayed at the end of the video that might otherwise conflict.
 
 The [demo] page lets you try out the configuration options.
@@ -201,4 +201,4 @@ MIT. Copyright (c) mister-ben <git@misterben.me>
 
 [videojs]: http://videojs.org/
 [demo]: https://videojs-mobile-ui.netlify.app
-[demo-qr]: /demo-qr.svg
+[demo-qr]: /demo-qr.svg

package/dist/videojs-mobile-ui.cjs.js

@@ -1,4 +1,4 @@
-/*! @name videojs-mobile-ui @version 1.2.0 @license MIT */
+/*! @name videojs-mobile-ui @version 1.2.1 @license MIT */
 'use strict';
 
 var videojs = require('video.js');
@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var videojs__default = /*#__PURE__*/_interopDefaultLegacy(videojs);
 var window__default = /*#__PURE__*/_interopDefaultLegacy(window);
 
-var version = "1.2.0";
+var version = "1.2.1";
 
 /**
  * @file touchOverlay.js

package/dist/videojs-mobile-ui.es.js

@@ -1,8 +1,8 @@
-/*! @name videojs-mobile-ui @version 1.2.0 @license MIT */
+/*! @name videojs-mobile-ui @version 1.2.1 @license MIT */
 import videojs from 'video.js';
 import window from 'global/window';
 
-var version = "1.2.0";
+var version = "1.2.1";
 
 /**
  * @file touchOverlay.js

package/dist/videojs-mobile-ui.js

@@ -1,4 +1,4 @@
-/*! @name videojs-mobile-ui @version 1.2.0 @license MIT */
+/*! @name videojs-mobile-ui @version 1.2.1 @license MIT */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('video.js')) :
   typeof define === 'function' && define.amd ? define(['video.js'], factory) :
@@ -9,7 +9,7 @@
 
   var videojs__default = /*#__PURE__*/_interopDefaultLegacy(videojs);
 
-  var version = "1.2.0";
+  var version = "1.2.1";
 
   /**
    * @file touchOverlay.js

package/dist/videojs-mobile-ui.min.js

@@ -1,2 +1,2 @@
-/*! @name videojs-mobile-ui @version 1.2.0 @license MIT */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("video.js")):"function"==typeof define&&define.amd?define(["video.js"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).videojsMobileUi=t(e.videojs)}(this,function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=t(e);const n=s.default.getComponent("Component"),o=s.default.dom||s.default;n.registerComponent("TouchOverlay",class extends n{constructor(e,t){super(e,t),this.seekSeconds=t.seekSeconds,this.tapTimeout=t.tapTimeout,this.taps=0,this.addChild("playToggle",{}),e.on(["playing","userinactive"],e=>{this.removeClass("show-play-toggle")}),0===this.player_.options_.inactivityTimeout&&(this.player_.options_.inactivityTimeout=5e3),this.handleTaps_=s.default.fn.debounce(e=>{const t=(this.taps-1)*this.seekSeconds;if(this.taps=0,t<1)return;const s=this.el_.getBoundingClientRect(),n=e.changedTouches[0].clientX-s.left;if(n<.4*s.width)this.player_.currentTime(Math.max(0,this.player_.currentTime()-t)),this.addClass("reverse");else{if(!(n>s.width-.4*s.width))return;this.player_.currentTime(Math.min(this.player_.duration(),this.player_.currentTime()+t)),this.removeClass("reverse")}this.removeClass("show-play-toggle"),this.setAttribute("data-skip-text",`${t} ${this.localize("seconds")}`),this.removeClass("skip"),window.requestAnimationFrame(()=>{this.addClass("skip")})},this.tapTimeout),this.enable()}createEl(){return o.createEl("div",{className:"vjs-touch-overlay",tabIndex:-1})}handleTap(e){e.target===this.el_&&(e.cancelable&&e.preventDefault(),this.taps+=1,1===this.taps&&(this.removeClass("skip"),this.toggleClass("show-play-toggle")),this.handleTaps_(e))}enable(){this.firstTapCaptured=!1,this.on("touchend",this.handleTap)}disable(){this.off("touchend",this.handleTap)}});const i={fullscreen:{enterOnRotate:!0,exitOnRotate:!0,lockOnRotate:!0,lockToLandscapeOnEnter:!1,swipeToFullscreen:!1,swipeFromFullscreen:!1,disabled:!1},touchControls:{seekSeconds:10,tapTimeout:300,disableOnEnd:!1,disabled:!1}},l=window.screen,r=()=>{if(l){const e=((l.orientation||{}).type||l.mozOrientation||l.msOrientation||"").split("-")[0];if("landscape"===e||"portrait"===e)return e}return"number"==typeof window.orientation?0===window.orientation||180===window.orientation?"portrait":"landscape":"portrait"},a=(e,t)=>{if(e.addClass("vjs-mobile-ui"),!t.touchControls.disabled){(t.touchControls.disableOnEnd||"function"==typeof e.endscreen)&&e.addClass("vjs-mobile-ui-disable-end");const s=e.children_.indexOf(e.getChild("ControlBar"));e.touchOverlay=e.addChild("TouchOverlay",t.touchControls,s)}if(t.fullscreen.disabled)return;(t.fullscreen.swipeToFullscreen||t.fullscreen.swipeFromFullscreen)&&((e,t)=>{const{swipeToFullscreen:s,swipeFromFullscreen:n}=t.fullscreen;s&&e.addClass("using-fs-swipe-up"),n&&e.addClass("using-fs-swipe-down");let o=0,i=!1;const l=t=>{const l=e.isFullscreen();!l&&!s||l&&!n?i=!1:(o=t.changedTouches[0].clientY,i=!0,e.tech_.el().style.transition="")},r=t=>{if(!i)return;const s=t.touches[0].clientY,n=o-s,l=e.isFullscreen();let r=1;!l&&n>0?(r=1+Math.min(.1,n/500),e.tech_.el().style.transform=`scale(${r})`):l&&n<0&&(r=1-Math.min(.1,Math.abs(n)/500),e.tech_.el().style.transform=`scale(${r})`)},a=t=>{if(!i)return;if(i=!1,e.tech_.el().style.transition="transform 0.3s ease-out",e.tech_.el().style.transform="scale(1)","touchcancel"===t.type)return;const s=t.changedTouches[0].clientY,n=o-s;n>30&&!e.isFullscreen()?e.requestFullscreen().catch(t=>{e.log.warn("Browser refused fullscreen",t)}):n<-30&&e.isFullscreen()&&e.exitFullscreen()};e.el().addEventListener("touchstart",l,{passive:!0}),e.el().addEventListener("touchmove",r,{passive:!0}),e.el().addEventListener("touchend",a,{passive:!0}),e.el().addEventListener("touchcancel",a,{passive:!0}),e.on("dispose",()=>{e.el().removeEventListener("touchstart",l,{passive:!0}),e.el().removeEventListener("touchmove",r,{passive:!0}),e.el().removeEventListener("touchend",a,{passive:!0}),e.el().removeEventListener("touchcancel",a,{passive:!0}),e.tech_.el().style.transform="",e.tech_.el().style.transition=""})})(e,t);let n=!1;const o=()=>{const o=r();"landscape"===o&&t.fullscreen.enterOnRotate?e.paused()||e.isFullscreen()||(e.requestFullscreen().catch(t=>{e.log.warn("Browser refused fullscreen request:",t)}),(t.fullscreen.lockOnRotate||t.fullscreen.lockToLandscapeOnEnter)&&l.orientation&&l.orientation.lock&&l.orientation.lock("landscape").then(()=>{n=!0}).catch(e=>{s.default.log.warn("Browser refused orientation lock:",e)})):"portrait"===o&&t.fullscreen.exitOnRotate&&!n&&e.isFullscreen()&&e.exitFullscreen()};(t.fullscreen.enterOnRotate||t.fullscreen.exitOnRotate)&&(s.default.browser.IS_IOS?(window.addEventListener("orientationchange",o),e.on("dispose",()=>{window.removeEventListener("orientationchange",o)})):l.orientation&&(l.orientation.onchange=o,e.on("dispose",()=>{l.orientation.onchange=null}))),e.on("fullscreenchange",o=>{e.log("fullscreenchange",e.isFullscreen(),t.fullscreen.lockToLandscapeOnEnter,r()),e.isFullscreen()&&t.fullscreen.lockToLandscapeOnEnter&&"portrait"===r()?l.orientation.lock("landscape").then(()=>{n=!0}).catch(e=>{s.default.log("Browser refused orientation lock:",e)}):!e.isFullscreen()&&n&&(l.orientation.unlock(),n=!1)}),e.on("ended",e=>{!0===n&&(l.orientation.unlock(),n=!1)})},c=function(e={}){(e.forceForTesting||s.default.browser.IS_ANDROID||s.default.browser.IS_IOS)&&this.ready(()=>{a(this,s.default.obj.merge(i,e))})};return s.default.registerPlugin("mobileUi",c),c.VERSION="1.2.0",c});
+/*! @name videojs-mobile-ui @version 1.2.1 @license MIT */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("video.js")):"function"==typeof define&&define.amd?define(["video.js"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).videojsMobileUi=t(e.videojs)}(this,function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=t(e);const n=s.default.getComponent("Component"),o=s.default.dom||s.default;n.registerComponent("TouchOverlay",class extends n{constructor(e,t){super(e,t),this.seekSeconds=t.seekSeconds,this.tapTimeout=t.tapTimeout,this.taps=0,this.addChild("playToggle",{}),e.on(["playing","userinactive"],e=>{this.removeClass("show-play-toggle")}),0===this.player_.options_.inactivityTimeout&&(this.player_.options_.inactivityTimeout=5e3),this.handleTaps_=s.default.fn.debounce(e=>{const t=(this.taps-1)*this.seekSeconds;if(this.taps=0,t<1)return;const s=this.el_.getBoundingClientRect(),n=e.changedTouches[0].clientX-s.left;if(n<.4*s.width)this.player_.currentTime(Math.max(0,this.player_.currentTime()-t)),this.addClass("reverse");else{if(!(n>s.width-.4*s.width))return;this.player_.currentTime(Math.min(this.player_.duration(),this.player_.currentTime()+t)),this.removeClass("reverse")}this.removeClass("show-play-toggle"),this.setAttribute("data-skip-text",`${t} ${this.localize("seconds")}`),this.removeClass("skip"),window.requestAnimationFrame(()=>{this.addClass("skip")})},this.tapTimeout),this.enable()}createEl(){return o.createEl("div",{className:"vjs-touch-overlay",tabIndex:-1})}handleTap(e){e.target===this.el_&&(e.cancelable&&e.preventDefault(),this.taps+=1,1===this.taps&&(this.removeClass("skip"),this.toggleClass("show-play-toggle")),this.handleTaps_(e))}enable(){this.firstTapCaptured=!1,this.on("touchend",this.handleTap)}disable(){this.off("touchend",this.handleTap)}});const i={fullscreen:{enterOnRotate:!0,exitOnRotate:!0,lockOnRotate:!0,lockToLandscapeOnEnter:!1,swipeToFullscreen:!1,swipeFromFullscreen:!1,disabled:!1},touchControls:{seekSeconds:10,tapTimeout:300,disableOnEnd:!1,disabled:!1}},l=window.screen,r=()=>{if(l){const e=((l.orientation||{}).type||l.mozOrientation||l.msOrientation||"").split("-")[0];if("landscape"===e||"portrait"===e)return e}return"number"==typeof window.orientation?0===window.orientation||180===window.orientation?"portrait":"landscape":"portrait"},a=(e,t)=>{if(e.addClass("vjs-mobile-ui"),!t.touchControls.disabled){(t.touchControls.disableOnEnd||"function"==typeof e.endscreen)&&e.addClass("vjs-mobile-ui-disable-end");const s=e.children_.indexOf(e.getChild("ControlBar"));e.touchOverlay=e.addChild("TouchOverlay",t.touchControls,s)}if(t.fullscreen.disabled)return;(t.fullscreen.swipeToFullscreen||t.fullscreen.swipeFromFullscreen)&&((e,t)=>{const{swipeToFullscreen:s,swipeFromFullscreen:n}=t.fullscreen;s&&e.addClass("using-fs-swipe-up"),n&&e.addClass("using-fs-swipe-down");let o=0,i=!1;const l=t=>{const l=e.isFullscreen();!l&&!s||l&&!n?i=!1:(o=t.changedTouches[0].clientY,i=!0,e.tech_.el().style.transition="")},r=t=>{if(!i)return;const s=t.touches[0].clientY,n=o-s,l=e.isFullscreen();let r=1;!l&&n>0?(r=1+Math.min(.1,n/500),e.tech_.el().style.transform=`scale(${r})`):l&&n<0&&(r=1-Math.min(.1,Math.abs(n)/500),e.tech_.el().style.transform=`scale(${r})`)},a=t=>{if(!i)return;if(i=!1,e.tech_.el().style.transition="transform 0.3s ease-out",e.tech_.el().style.transform="scale(1)","touchcancel"===t.type)return;const s=t.changedTouches[0].clientY,n=o-s;n>30&&!e.isFullscreen()?e.requestFullscreen().catch(t=>{e.log.warn("Browser refused fullscreen",t)}):n<-30&&e.isFullscreen()&&e.exitFullscreen()};e.el().addEventListener("touchstart",l,{passive:!0}),e.el().addEventListener("touchmove",r,{passive:!0}),e.el().addEventListener("touchend",a,{passive:!0}),e.el().addEventListener("touchcancel",a,{passive:!0}),e.on("dispose",()=>{e.el().removeEventListener("touchstart",l,{passive:!0}),e.el().removeEventListener("touchmove",r,{passive:!0}),e.el().removeEventListener("touchend",a,{passive:!0}),e.el().removeEventListener("touchcancel",a,{passive:!0}),e.tech_.el().style.transform="",e.tech_.el().style.transition=""})})(e,t);let n=!1;const o=()=>{const o=r();"landscape"===o&&t.fullscreen.enterOnRotate?e.paused()||e.isFullscreen()||(e.requestFullscreen().catch(t=>{e.log.warn("Browser refused fullscreen request:",t)}),(t.fullscreen.lockOnRotate||t.fullscreen.lockToLandscapeOnEnter)&&l.orientation&&l.orientation.lock&&l.orientation.lock("landscape").then(()=>{n=!0}).catch(e=>{s.default.log.warn("Browser refused orientation lock:",e)})):"portrait"===o&&t.fullscreen.exitOnRotate&&!n&&e.isFullscreen()&&e.exitFullscreen()};(t.fullscreen.enterOnRotate||t.fullscreen.exitOnRotate)&&(s.default.browser.IS_IOS?(window.addEventListener("orientationchange",o),e.on("dispose",()=>{window.removeEventListener("orientationchange",o)})):l.orientation&&(l.orientation.onchange=o,e.on("dispose",()=>{l.orientation.onchange=null}))),e.on("fullscreenchange",o=>{e.log("fullscreenchange",e.isFullscreen(),t.fullscreen.lockToLandscapeOnEnter,r()),e.isFullscreen()&&t.fullscreen.lockToLandscapeOnEnter&&"portrait"===r()?l.orientation.lock("landscape").then(()=>{n=!0}).catch(e=>{s.default.log("Browser refused orientation lock:",e)}):!e.isFullscreen()&&n&&(l.orientation.unlock(),n=!1)}),e.on("ended",e=>{!0===n&&(l.orientation.unlock(),n=!1)})},c=function(e={}){(e.forceForTesting||s.default.browser.IS_ANDROID||s.default.browser.IS_IOS)&&this.ready(()=>{a(this,s.default.obj.merge(i,e))})};return s.default.registerPlugin("mobileUi",c),c.VERSION="1.2.1",c});

package/docs/api/TouchOverlay.html

@@ -30,7 +30,7 @@
     
         <h2><span class="attribs"><span class="type-signature"></span></span>TouchOverlay<span class="signature">(player, options<span class="signature-attributes">opt</span>)</span><span class="type-signature"></span></h2>
         
-            <div class="class-description">The `TouchOverlay` is an overlay to capture tap events.</div>
+            <div class="class-description"><p>The <code>TouchOverlay</code> is an overlay to capture tap events.</p></div>
         
     
 </header>
@@ -53,7 +53,7 @@
 
 
 <div class="description">
-    Creates an instance of the this class.
+    <p>Creates an instance of the this class.</p>
 </div>
 
 
@@ -115,7 +115,7 @@
 
             
 
-            <td class="description last">The `Player` that this class should be attached to.</td>
+            <td class="description last"><p>The <code>Player</code> that this class should be attached to.</p></td>
         </tr>
 
     
@@ -128,7 +128,7 @@
             <td class="type">
             
                 
-<span class="param-type">options</span>
+<span class="param-type">Object</span>
 
 
             
@@ -148,7 +148,7 @@
 
             
 
-            <td class="description last">The key/value store of player options.</td>
+            <td class="description last"><p>The key/value store of player options.</p></td>
         </tr>
 
     
@@ -189,7 +189,7 @@
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line19">line 19</a>
+        <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line17">line 17</a>
     </li></ul></dd>
     
 
@@ -217,8 +217,6 @@
 
 
 
-
-
     
     </div>
 
@@ -229,7 +227,7 @@
 
 
     <ul>
-        <li><a href="global.html#Component">Component</a></li>
+        <li>Component</li>
     </ul>
 
 
@@ -246,19 +244,25 @@
     
 
     
-        <h3 class="subsection-title">Members</h3>
+
+    
+        <h3 class="subsection-title">Methods</h3>
 
         
             
-<h4 class="name" id="handleTaps_"><span class="type-signature"></span>handleTaps_<span class="type-signature"></span></h4>
 
+    
+
+    
+    <h4 class="name" id="createEl"><span class="type-signature"></span>createEl<span class="signature">()</span><span class="type-signature"> &rarr; {Element}</span></h4>
+    
+
+    
 
 
 
 <div class="description">
-    Debounced tap handler.
-Seeks number of (taps - 1) * configured seconds to skip.
-One tap is a non-op
+    <p>Builds the DOM element.</p>
 </div>
 
 
@@ -267,6 +271,12 @@ One tap is a non-op
 
 
 
+
+
+
+
+
+
 <dl class="details">
 
     
@@ -296,7 +306,7 @@ One tap is a non-op
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line57">line 57</a>
+        <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line56">line 56</a>
     </li></ul></dd>
     
 
@@ -312,11 +322,39 @@ One tap is a non-op
 
 
 
+
+
+
+
+
+
+
+<h5>Returns:</h5>
+
         
-    
+<div class="param-desc">
+    <p>The DOM element.</p>
+</div>
+
+
+
+<dl>
+    <dt>
+        Type
+    </dt>
+    <dd>
+        
+<span class="param-type">Element</span>
+
+
+    </dd>
+</dl>
 
     
-        <h3 class="subsection-title">Methods</h3>
+
+
+
+
 
         
             
@@ -324,7 +362,7 @@ One tap is a non-op
     
 
     
-    <h4 class="name" id="createEl"><span class="type-signature"></span>createEl<span class="signature">()</span><span class="type-signature"> &rarr; {Element}</span></h4>
+    <h4 class="name" id="disable"><span class="type-signature"></span>disable<span class="signature">()</span><span class="type-signature"></span></h4>
     
 
     
@@ -332,7 +370,7 @@ One tap is a non-op
 
 
 <div class="description">
-    Builds the DOM element.
+    <p>Disables touch handler</p>
 </div>
 
 
@@ -376,7 +414,7 @@ One tap is a non-op
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line99">line 99</a>
+        <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line153">line 153</a>
     </li></ul></dd>
     
 
@@ -401,28 +439,90 @@ One tap is a non-op
 
 
 
-<h5>Returns:</h5>
+
+
 
         
-<div class="param-desc">
-    The DOM element.
+            
+
+    
+
+    
+    <h4 class="name" id="enable"><span class="type-signature"></span>enable<span class="signature">()</span><span class="type-signature"></span></h4>
+    
+
+    
+
+
+
+<div class="description">
+    <p>Enables touch handler</p>
 </div>
 
 
 
-<dl>
-    <dt>
-        Type
-    </dt>
-    <dd>
-        
-<span class="param-type">Element</span>
 
 
-    </dd>
-</dl>
+
+
+
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    <dt class="tag-source">Source:</dt>
+    <dd class="tag-source"><ul class="dummy"><li>
+        <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line145">line 145</a>
+    </li></ul></dd>
+    
+
+    
+
+    
 
     
+</dl>
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -434,7 +534,7 @@ One tap is a non-op
     
 
     
-    <h4 class="name" id="disable"><span class="type-signature"></span>disable<span class="signature">()</span><span class="type-signature"></span></h4>
+    <h4 class="name" id="handleDoubleTap"><span class="type-signature"></span>handleDoubleTap<span class="signature">(event)</span><span class="type-signature"></span></h4>
     
 
     
@@ -442,7 +542,7 @@ One tap is a non-op
 
 
 <div class="description">
-    Disables touch handler
+    <p>Seeks by configured number of seconds if left or right part of video double tapped</p>
 </div>
 
 
@@ -453,6 +553,55 @@ One tap is a non-op
 
 
 
+    <h5>Parameters:</h5>
+    
+
+<table class="params">
+    <thead>
+    <tr>
+        
+        <th>Name</th>
+        
+
+        <th>Type</th>
+
+        
+
+        
+
+        <th class="last">Description</th>
+    </tr>
+    </thead>
+
+    <tbody>
+    
+
+        <tr>
+            
+                <td class="name"><code>event</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">Event</span>
+
+
+            
+            </td>
+
+            
+
+            
+
+            <td class="description last"><p>The touch event</p></td>
+        </tr>
+
+    
+    </tbody>
+</table>
+
+
 
 
 
@@ -486,7 +635,7 @@ One tap is a non-op
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line145">line 145</a>
+        <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line115">line 115</a>
     </li></ul></dd>
     
 
@@ -514,15 +663,13 @@ One tap is a non-op
 
 
 
-
-
         
             
 
     
 
     
-    <h4 class="name" id="enable"><span class="type-signature"></span>enable<span class="signature">()</span><span class="type-signature"></span></h4>
+    <h4 class="name" id="handleSingleTap"><span class="type-signature"></span>handleSingleTap<span class="signature">(event)</span><span class="type-signature"></span></h4>
     
 
     
@@ -530,7 +677,7 @@ One tap is a non-op
 
 
 <div class="description">
-    Enables touch handler
+    <p>Toggles display of play toggle</p>
 </div>
 
 
@@ -541,6 +688,55 @@ One tap is a non-op
 
 
 
+    <h5>Parameters:</h5>
+    
+
+<table class="params">
+    <thead>
+    <tr>
+        
+        <th>Name</th>
+        
+
+        <th>Type</th>
+
+        
+
+        
+
+        <th class="last">Description</th>
+    </tr>
+    </thead>
+
+    <tbody>
+    
+
+        <tr>
+            
+                <td class="name"><code>event</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">Event</span>
+
+
+            
+            </td>
+
+            
+
+            
+
+            <td class="description last"><p>The touch event</p></td>
+        </tr>
+
+    
+    </tbody>
+</table>
+
+
 
 
 
@@ -574,7 +770,7 @@ One tap is a non-op
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line137">line 137</a>
+        <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line103">line 103</a>
     </li></ul></dd>
     
 
@@ -602,8 +798,6 @@ One tap is a non-op
 
 
 
-
-
         
             
 
@@ -618,7 +812,7 @@ One tap is a non-op
 
 
 <div class="description">
-    Debounces to either handle a delayed single tap, or a double tap
+    <p>Debounces to either handle a delayed single tap, or a double tap</p>
 </div>
 
 
@@ -670,7 +864,7 @@ One tap is a non-op
 
             
 
-            <td class="description last">The touch event</td>
+            <td class="description last"><p>The touch event</p></td>
         </tr>
 
     
@@ -711,7 +905,7 @@ One tap is a non-op
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line116">line 116</a>
+        <a href="touchOverlay.js.html">touchOverlay.js</a>, <a href="touchOverlay.js.html#line73">line 73</a>
     </li></ul></dd>
     
 
@@ -739,8 +933,6 @@ One tap is a non-op
 
 
 
-
-
         
     
 
@@ -757,13 +949,13 @@ One tap is a non-op
 </div>
 
 <nav>
-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="TouchOverlay.html">TouchOverlay</a></li></ul><h3>Global</h3><ul><li><a href="global.html#Component">Component</a></li><li><a href="global.html#defaults">defaults</a></li><li><a href="global.html#getOrientation">getOrientation</a></li><li><a href="global.html#initSwipe">initSwipe</a></li><li><a href="global.html#mobileUi">mobileUi</a></li><li><a href="global.html#onPlayerReady">onPlayerReady</a></li></ul>
+    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="TouchOverlay.html">TouchOverlay</a></li></ul><h3>Global</h3><ul><li><a href="global.html#mobileUi">mobileUi</a></li><li><a href="global.html#onPlayerReady">onPlayerReady</a></li></ul>
 </nav>
 
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.5</a> on Fri Jan 23 2026 14:03:20 GMT+0100 (Mitteleuropäische Normalzeit)
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Tue Feb 02 2021 09:43:56 GMT+0100 (CET)
 </footer>
 
 <script> prettyPrint(); </script>