[live] use videojs for live video stream

diff --git a/teleforma/templates/teleforma/course_conference.html b/teleforma/templates/teleforma/course_conference.html
index 99a0c5273fd9153039c2d4ddaa15dbbed4ddacff..4531d2e859854d3bd817a4da5022f0e304772fe0 100644 (file)
--- a/teleforma/templates/teleforma/course_conference.html
+++ b/teleforma/templates/teleforma/course_conference.html
@@ -47,8 +47,10 @@
 {% else %}
     {% for livestream in livestreams %}
         {% if "webm" == livestream.stream_type %}
+            <script src="/static/teleforma/video-js/video.js"></script>
+            <link href="/static/teleforma/video-js/video-js.css" rel="stylesheet">
             <div class="video">
-                <video id="video" width="864" height="480" controls autoplay preload="auto">
+                <video id="my_video_1" class="video-js vjs-default-skin" width="864" height="480" controls preload="auto" data-setup='{}'>
                     <source src="{{ livestream.url|get_host:host }}" type="video/webm" />
                 </video>
             </div>