From: Guillaume Pellerin <guillaume.pellerin@parisson.com>
Date: Mon, 9 Jun 2025 13:46:58 +0000 (+0200)
Subject: upgrade live conf player
X-Git-Tag: 1.9.0-tc~1
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=53f5d9a9dd61a5c1f6de789f4c7fd115e6dda71c;p=teleforma.git

upgrade live conf player
---

diff --git a/teleforma/templates/teleforma/course_conference.html b/teleforma/templates/teleforma/course_conference.html
index 4476fbdc..e756035e 100644
--- 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 %}