diff options
Diffstat (limited to 'templates/video.tpl')
| -rw-r--r-- | templates/video.tpl | 121 |
1 files changed, 52 insertions, 69 deletions
diff --git a/templates/video.tpl b/templates/video.tpl index dc818b8..76119f3 100644 --- a/templates/video.tpl +++ b/templates/video.tpl @@ -62,7 +62,7 @@ </div> <div class="features"> <h6 class="yt-titulo">Canal</h6> - <h6><a class="enlace" href="https://invidio.us/channel/{$videoChannel}" rel="noopener noreferrer" target="_blank">{$videoAuthor}</a></h6> + <h6>{$videoAuthor}</h6> <h6 class="yt-titulo">Duración</h6> <h6>{$videoDuration}</h6> <h6 class="yt-titulo">Vistas</h6> @@ -72,80 +72,63 @@ </div> <hr> <div class="contenedor"> - <h4>Formatos de vídeo</h4> - - {if $downloadbreak === TRUE} - <div class="row"> - <div class="col">{$downloadFormat}</div> - <div class="col">{$downloadQuality}</div> - <div class="col"> - <a class="boton-descarga" href="{$breakurl}" - title='{$videoTitle}.{$downloadFormat}' - download='{$videoTitle}.{$downloadFormat}'>Descarga Habilitada</a> - </div> - </div> - {else} - {foreach $downloads as $download} - <div class="row"> - <div class="col">{$download->container}</div> - <div class="col">{$download->resolution}</div> - <div class="col"> - <a class="boton-descarga" - title='{$videoTitle}.{$download->container}' - href="{$download->url}" - download='{$videoTitle}.{$download->container}'>Descarga</a> - </div> - </div> - {/foreach} - {/if} - - <div class="librevideojs"> - <video id="player" - poster="{$librethumb}" - controls - playsinline - onmouseleave='{$videoTitle}' - oncontextmenu='{$videoTitle}' - onmouseenter='{$videoTitle}' - title='{$videoTitle}'> - {if $islive === True} - <p> Livestream videos are not yet supported. </p> - {elseif $breaklink === TRUE} - <source data-res="{$breakquality}" src="{$breakurl}" type='{$formatdrm}'/> - {else} + {if $islive == false } + <div class="librevideojs"> + <video id="player" + poster="{$videoThumbURL}" + controls + playsinline + onmouseleave='{$videoTitle}' + oncontextmenu='{$videoTitle}' + onmouseenter='{$videoTitle}' + title='{$videoTitle}'> {foreach $streamFormats as $stream} - <source data-res="{trim($stream->resolution, 'p')}" src="{$stream->url}" type='{$stream->type}'/> + <source data-res="{trim($stream['resolution'], 'p')}" src="{$stream['url']}" type='{$stream['type']}'/> {/foreach} - {/if} - </video> - </div> - <!--Plyr--> - <script> - document.addEventListener('DOMContentLoaded', () => { - const player = new Plyr(document.getElementById('player'), { - disableContextMenu: false, - quality: { default: 360 }, - controls: [ - 'play-large', - 'play', - 'progress', - 'current-time', - 'mute', - 'volume', - 'captions', - 'settings', - 'download', - 'fullscreen' - ] + </video> + </div> + <!--Plyr--> + <script> + document.addEventListener('DOMContentLoaded', () => { + const player = new Plyr(document.getElementById('player'), { + disableContextMenu: false, + quality: { default: 360 }, + controls: [ + 'play-large', + 'play', + 'progress', + 'current-time', + 'mute', + 'volume', + 'captions', + 'settings', + 'download', + 'fullscreen' + ] + }); }); - }); - </script> - <!--EndPlyr--> + </script> + <!--EndPlyr--> + <details class="v-download"> + <summary class="download-dropdown-label">Download</summary> + <ul class="download-dropdown-content"> + {foreach $streamFormats as $download} + <li class="download-format"> + <a class="boton-descarga" href="{$download['url']}"> + {$download['format']} + </a> + </li> + {/foreach} + </ul> + </details> + {else} + <p>I sorry not live support for now.</p> + {/if} </div> </section> - <code>{$url_freedom}</code> + <code>{$url_query}</code> <code> - <iframe width='560' height='315' src='{$local_url}embed?link={$url_freedom}' frameborder='0' scrolling='no'></iframe> + <iframe width='560' height='315' src='{$local_url}embed?link={$url_query}' frameborder='0' scrolling='no'></iframe> </code> <footer> <p class="copyleft">Esta web es Software Libre y esta disponible en <a class="enlace" |