aboutsummaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
Diffstat (limited to 'templates')
-rw-r--r--templates/embed.tpl52
1 files changed, 52 insertions, 0 deletions
diff --git a/templates/embed.tpl b/templates/embed.tpl
new file mode 100644
index 0000000..c838200
--- /dev/null
+++ b/templates/embed.tpl
@@ -0,0 +1,52 @@
+<!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" />
+ <!--LibreVideoJS-->
+ <link href="{$styles.teal}" rel="stylesheet"/>
+ <script src="{$javascript.librevideojs}"></script>
+ </head>
+ <body>
+ <div class="librevideojs">
+ <video id="example" 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 class="librevjs-no-js">Este navegador no soporta HTML 5.</p>
+ </video>
+ </div>
+ <!--LibreVideoJS-->
+ <script>
+ // @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-v3-or-Later
+ // Insert class base
+ var estilos = document.getElementById("example");
+ estilos.className += " cliplibre-js-responsive-container librevjs-hd cliplibre-js librevjs-libre-mix-skin";
+ // funciones
+ cliplibrejs('#example', {
+ plugins: {
+ resolutionSelector: {
+ force_types: ['video/webm', 'video/ogg'],
+ default_res: "360p",
+ }
+ },
+ nativeControlsForTouch: false
+ }).ready(function(){
+ this.hotkeys({
+ volumeStep: 0.1,
+ seekStep: 5,
+ enableMute: true,
+ enableFullscreen: true,
+ enableNumbers: true,
+ }),
+ this.progressTips();
+ });
+ // @license-end
+ </script>
+ <!--LibreVideoJS-->
+ <script src="{$javascript.jquery}"></script>
+ </body>
+</html>