aboutsummaryrefslogtreecommitdiffstats
path: root/templates/embed.tpl
blob: 4fda29d334f749a4551540c77cce6661890142ac (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <title>{$titulo} | {$videoTitle}</title>
        <link rel="icon" href="templates/images/favicon.png" sizes="192x192" />
        <!--Plyr-->
        <link href="{$styles.plyr}" rel="stylesheet"/>
    </head>
    <body>
        <video class="player-ply" controls poster="{$librethumb}" data-setup="{}">
            {foreach $videosStream as $stream}
                {$stream = json_decode(json_encode($stream))}
                <source data-res="{$stream->quality}" src="{$stream->url}" type="{$stream->libretype}"/>
            {/foreach}
            <p>Lo siento, este navegador no soporta vídeo en HTML5. Por favor, cambia o actualiza tu navegador web</p>
        </video>
        <!--Plyr-->
        <script>
         // @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-v3-or-Later
         document.addEventListener('DOMContentLoaded', () => {
             const players = Array.from(document.querySelectorAll('.player-ply')).map(player => new Plyr(player));
         });
         // @license-end
        </script>
        <!--EndPlyr-->
        <script src="{$javascript.plyr}"></script>
    </body>
</html>