diff options
| author | Jesús <heckyel@hyperbola.info> | 2019-05-22 17:52:52 -0500 |
|---|---|---|
| committer | Jesús <heckyel@hyperbola.info> | 2019-05-22 17:52:52 -0500 |
| commit | 97c7b0a5d167de7e8836b819bf7ad12582bded22 (patch) | |
| tree | 3f6058b8b30637ef8d244756967b36dde73816ef | |
| parent | f2665d61cad90de7f8c809bc1aee123675fc962f (diff) | |
| download | ytlibre-97c7b0a5d167de7e8836b819bf7ad12582bded22.tar.lz ytlibre-97c7b0a5d167de7e8836b819bf7ad12582bded22.tar.xz ytlibre-97c7b0a5d167de7e8836b819bf7ad12582bded22.zip | |
organize and enable contextmenu into videoplayer
| -rw-r--r-- | templates/video.tpl | 32 |
1 files changed, 26 insertions, 6 deletions
diff --git a/templates/video.tpl b/templates/video.tpl index 7584041..11c2087 100644 --- a/templates/video.tpl +++ b/templates/video.tpl @@ -84,7 +84,10 @@ {/foreach} {$breakdownload} <div class="librevideojs"> - <video class="player-ply" poster="{$librethumb}" controls playsinline + <video id="player-ply" + poster="{$librethumb}" + controls + playsinline onmouseleave="{$videoTitle}" oncontextmenu="{$videoTitle}" onmouseenter="{$videoTitle}" @@ -97,11 +100,28 @@ </video> </div> <!--Plyr--> - <script> - document.addEventListener('DOMContentLoaded', () => { - const players = Array.from(document.querySelectorAll('.player-ply')).map(player => new Plyr(player)); - }); - </script> + <script> + document.addEventListener('DOMContentLoaded', () => { + const player = new Plyr(document.getElementById('player-ply'), { + captions: { active: true, language: 'en' }, + disableContextMenu: false, + controls: [ + 'play-large', + 'play', + 'progress', + 'current-time', + 'mute', + 'volume', + 'captions', + 'settings', + 'download', + 'fullscreen' + ] + }); + // debug + // window.player = player; + }); + </script> <!--EndPlyr--> </div> </section> |