diff options
author | Jesús <heckyel@hyperbola.info> | 2018-08-25 15:18:15 -0500 |
---|---|---|
committer | Jesús <heckyel@hyperbola.info> | 2018-08-25 15:18:15 -0500 |
commit | eb44cce90b0a8910c3be03ab4ab85cfe11d6675c (patch) | |
tree | 9c5a6ef382b3d912f04762cbde61e67d298d05f1 /templates | |
parent | f6671dd35860107c2c941287208eff9c1954c4a6 (diff) | |
download | ytlibre-eb44cce90b0a8910c3be03ab4ab85cfe11d6675c.tar.lz ytlibre-eb44cce90b0a8910c3be03ab4ab85cfe11d6675c.tar.xz ytlibre-eb44cce90b0a8910c3be03ab4ab85cfe11d6675c.zip |
Added embed video for share
Diffstat (limited to 'templates')
-rw-r--r-- | templates/embed.tpl | 52 |
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> |