fix player again

diff --git a/teleforma/templates/teleforma/course_conference_record.html b/teleforma/templates/teleforma/course_conference_record.html
index 1d0d01f4dc8a2face786ab7fa0ea84fde5002a5a..70199f11c9ecf899e86f096475b560d727987673 100644 (file)
--- a/teleforma/templates/teleforma/course_conference_record.html
+++ b/teleforma/templates/teleforma/course_conference_record.html
@@ -91,9 +91,27 @@ $(document).ready(function(){
 <div class="media">
 {% block video %}
 <div class="video">
-    <video id="my_video_1" class="video-js vjs-default-skin" controls autoplay preload="auto" width="100%">
-        <source src="/stream/monitor.webm?v={% random_hash %}" type="video/webm">
-    </video>
+    <link href="{{STATIC_URL}}teleforma/video-js/video-js.css" rel="stylesheet">
+    <link href="{{STATIC_URL}}teleforma/video-js/fantasy/index.css" rel="stylesheet">
+    <video
+       id="video"
+       class="video-js vjs-theme-fantasy"
+       controls
+       preload="auto"
+       width="100%"
+       height="auto"
+       data-setup="{}"
+       autoplay>
+
+     <source src="/stream/monitor.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>
+       <script src="{{STATIC_URL}}teleforma/video-js/video.js"></script>
 </div>
 {% endblock video %}
 </div>