prueba command conversion 1

ad55abd4 · Cristian Mauricio Diaz Canales · 585757eb · ad55abd4
Commit ad55abd4 authored Aug 17, 2019 by Cristian Mauricio Diaz Canales 💬
Hide whitespace changes
Inline Side-by-side

Showing with 15 additions and 26 deletions

templates/test/index.html.twig templates/test/index.html.twig +15 -26

No files found.
--- a/templates/test/index.html.twig
+++ b/templates/test/index.html.twig
 <html lang="en">
    <head>
+        <title>Video</title>
        <meta charset=utf-8/>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
+        <link href="http://vjs.zencdn.net/4.12/video-js.css" rel="stylesheet">
+        <script src="http://vjs.zencdn.net/4.12/video.js"></script>
+        <script src="https://github.com/videojs/videojs-contrib-media-sources/releases/download/v0.1.0/videojs-media-sources.js"></script>
+        <script src="https://github.com/videojs/videojs-contrib-hls/releases/download/v0.11.2/videojs.hls.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>

-        <!-- Or if you want a more recent canary version -->
-        <script src="https://cdn.jsdelivr.net/npm/hls.js@canary"></script>
-        <video id="video"></video>
-        <script>
-            var video = document.getElementById('video');
-            if (Hls.isSupported()) {
-                var hls = new Hls();
-                hls.loadSource('http://newbackendcontenidos.gearlabs.cl/videos/0/video.m3u8');
-                hls.attachMedia(video);
-                hls.on(Hls.Events.MANIFEST_PARSED, function () {
-                    video.play();
-                });
-            }
-            // hls.js is not supported on platforms that do not have Media Source Extensions (MSE) enabled.
-            // When the browser has built-in HLS support (check using `canPlayType`), we can provide an HLS manifest (i.e. .m3u8 URL) directly to the video element through the `src` property.
-            // This is using the built-in support of the plain video element, without using hls.js.
-            // Note: it would be more normal to wait on the 'canplay' event below however on Safari (where you are most likely to find built-in HLS support) the video.src URL must be on the user-driven
-            // white-list before a 'canplay' event will be emitted; the last video event that can be reliably listened-for when the URL is not on the white-list is 'loadedmetadata'.
-            else if (video.canPlayType('application/vnd.apple.mpegurl')) {
-                video.src = 'http://newbackendcontenidos.gearlabs.cl/videos/0/video.m3u8';
-                video.addEventListener('loadedmetadata', function () {
-                    video.play();
-                });
-            }
-        </script>
-    </body>
+    <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" 
+           data-setup='{}'>
+        <source src="http://newbackendcontenidos.gearlabs.cl/videos/0/video.m3u8" type='application/x-mpegURL'>
+    </video>
+    <script>
+        var player = videojs('my_video_1');
+    </script>    
+
+</body>


 </html>