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 @@ ...@@ -3,37 +3,55 @@
<title>Video</title> <title>Video</title>
<meta charset=utf-8/> <meta charset=utf-8/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <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"> <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> <script src="//vjs.zencdn.net/7.3.0/video.min.js"></script>
</head> </head>
<body> <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> <h1>Video</h1>
<video {#estructura de generacion necesaria para utilizar el reproductor de la libreria...#}
<video
width="800" height="800" width="800" height="800"
id="my-player" id="dg-vid-01"
class="video-js" class="video-js"
controls controls
preload="auto" preload="auto"
poster="//vjs.zencdn.net/v/oceans.png" poster=""{#por si se requiere cargar una imagen de preview en el video, sino se vera en negro#}
data-setup='{"fluid": true}'> <p class="vjs-no-js">
<source src="http://newbackendcontenidos.gearlabs.cl/videos/0/video.m3u8" type="application/x-mpegURL"></source> {#fallback en caso de que el navegador no posea javascript...#}
{#<source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4"></source> Para ver este video, por favor habilita javascript en tu navegador o considera
<source src="//vjs.zencdn.net/v/oceans.webm" type="video/webm"></source> actualizar a la ultima version que
<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
<a href="https://videojs.com/html5-video-support/" target="_blank"> <a href="https://videojs.com/html5-video-support/" target="_blank">
supports HTML5 video soporte HTML 5
</a> </a>
</p> </p>
>
</video> </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> </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