Skip to content

GitLab

M
musica_listas_backend
Commit 5cdff7d4 authored by Cristian Mauricio Diaz Canales's avatar Cristian Mauricio Diaz Canales 💬
Browse files
Options

prueba command conversion 3

parent 2e789058
Hide whitespace changes
Inline Side-by-side
Showing with 34 additions and 16 deletions
templates/test/index.html.twig
View file @ 5cdff7d4
......@@ -3,37 +3,55 @@
<title>Video</title>
<meta charset=utf-8/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
{#Librerias necesarias para utilizar video.js#}
<link href="//vjs.zencdn.net/7.3.0/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/7.3.0/video.min.js"></script>
</head>
<body>
{#<div id='player'>
<video width="800" height="800" src="http://newbackendcontenidos.gearlabs.cl/videos/0/video.m3u8" controls autoplay>
</video>
</div>#}
<h1>Video</h1>
<video
{#estructura de generacion necesaria para utilizar el reproductor de la libreria...#}
<video
width="800" height="800"
id="my-player"
id="dg-vid-01"
class="video-js"
controls
preload="auto"
poster="//vjs.zencdn.net/v/oceans.png"
data-setup='{"fluid": true}'>
<source src="http://newbackendcontenidos.gearlabs.cl/videos/0/video.m3u8" type="application/x-mpegURL"></source>
{#<source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4"></source>
<source src="//vjs.zencdn.net/v/oceans.webm" type="video/webm"></source>
<source src="//vjs.zencdn.net/v/oceans.ogv" type="video/ogg"></source>#}
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a
web browser that
poster=""{#por si se requiere cargar una imagen de preview en el video, sino se vera en negro#}
<p class="vjs-no-js">
{#fallback en caso de que el navegador no posea javascript...#}
Para ver este video, por favor habilita javascript en tu navegador o considera
actualizar a la ultima version que
<a href="https://videojs.com/html5-video-support/" target="_blank">
supports HTML5 video
soporte HTML 5
</a>
</p>
>
</video>
<script>
//uri codificada
var dmUri = "{{url}}";
//Para generar el reproductor de forma responsive...
var options = {"fluid": true};
// Seteo del reproductor y carga de url...
var player = videojs('dg-vid-01', options, function onPlayerReady() {
videojs.log('Reproductor Cargado...');
//carga url y content type hls
this.src({
type: 'application/x-mpegURL',
src: atob(dmUri);
});
///reproduccion de video
this.play();
//evento que escucha cuando el video del reproductor actual termina...
this.on('ended', function () {
videojs.log('Video terminado...');
});
});
</script>
</body>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment