diff options
| -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> |