prueba thumbnail

templates/test/index.html.twig

@@ -4,8 +4,10 @@
         <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="{{asset('videojs-plugins/thumbnails/videojs-thumbnails.min.css')}}" rel="stylesheet">
+
         <link href="//vjs.zencdn.net/7.3.0/video-js.min.css" rel="stylesheet">
+        <link href="{{asset('videojs-plugins/thumbnails/videojs-thumbnails.min.css')}}" rel="stylesheet">
+        <link href="{{asset('videojs-plugins/overlay/videojs-overlay.css')}}" >
         <script src="//vjs.zencdn.net/7.3.0/video.min.js"></script>   
 
     </head>
@@ -20,19 +22,20 @@
             controls
             preload="auto"
             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
+                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">
                     soporte HTML 5
                 </a>
             </p>
-        
-            
+
+
         </video>    
         <script src="{{asset('videojs-plugins/thumbnails/videojs-thumbnails.min.js')}}"></script>
+        <link href="{{asset('videojs-plugins/overlay/videojs-overlay.min.js')}}" >
         <script>
             //uri codificada
             var dmUri = "{{url}}";
@@ -46,7 +49,7 @@
                     type: 'application/x-mpegURL',
                     src: atob(dmUri)
                 });
-                
+
                 ///reproduccion de video
                 this.play();
 
@@ -55,13 +58,39 @@
                     videojs.log('Video terminado...');
                 });
             });
-            
+
+            player.overlay({
+                content: 'Default overlay content',
+                debug: true,
+                overlays: [{
+                        content: 'The video is playing!',
+                        start: 'play',
+                        end: 'pause'
+                    }, {
+                        start: 0,
+                        end: 15,
+                        align: 'bottom-left'
+                    }, {
+                        start: 15,
+                        end: 30,
+                        align: 'bottom'
+                    }, {
+                        start: 30,
+                        end: 45,
+                        align: 'bottom-right'
+                    }, {
+                        start: 20,
+                        end: 'pause'
+                    }]
+            });
+
+
             player.thumbnails(
-                {
-                    width: 50,
-                    spriteUrl: 'http://placehold.it/350x150',
-                    stepTime: 2,
-                }
+                    {
+                        width: 50,
+                        spriteUrl: 'http://placehold.it/350x150',
+                        stepTime: 2,
+                    }
         </script>    
     </body>