update video player

diff --git a/teleforma/templates/teleforma/course_conference_record.html b/teleforma/templates/teleforma/course_conference_record.html
index d6fdd07ac4ed4e2cdb7d70056ca24e462f529170..0d404ff7ae0bfa4b4f2ed3ce6e633a5bcd410712 100644 (file)
--- a/teleforma/templates/teleforma/course_conference_record.html
+++ b/teleforma/templates/teleforma/course_conference_record.html
@@ -91,10 +91,28 @@ $(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
+        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>
     </video>
 </div>
+
+
 {% endblock video %}
 </div>