upgrade live conf player

diff --git a/teleforma/templates/teleforma/course_conference.html b/teleforma/templates/teleforma/course_conference.html
index 4476fbdc82946e3e9642066fb6c24eff65eec7b2..e756035e0c2630566ffdaeb40508bc7258d4b793 100644 (file)
--- a/teleforma/templates/teleforma/course_conference.html
+++ b/teleforma/templates/teleforma/course_conference.html
@@ -51,10 +51,27 @@
 {% for livestream in livestreams %}
 {% if "webm" == livestream.stream_type %}
 <div class="video">
-<video width="640" height="360" controls autoplay preload="auto">
-<!-- Hello Chrome and Firefox (and Opera?) -->
-<source src="/stream/{{ livestream.slug }}.webm?v={% random_hash %}" type="video/webm" />
-</video>
+    <link href="/static/teleforma/video-js/video-js.css" rel="stylesheet" />
+    <link href="/static/teleforma/video-js/fantasy/index.css" rel="stylesheet">
+    <video
+        id="my_video_1"
+        class="video-js vjs-theme-fantasy"
+        controls
+        preload="auto"
+        width="100%"
+        height="auto"
+        data-setup="{}"
+        autoplay>
+            <source src="/stream/{{ livestream.slug }}.webm?v={% random_hash %}" type="video/webm" />
+        <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"
+            >supports HTML5 video</a
+          >
+        </p>
+    </video>
+    <script src="/static/teleforma/video-js/video.min.js"></script>
 </div>
 {% endif %}
 {% endfor %}