From: Guillaume Pellerin <guillaume.pellerin@parisson.com>
Date: Mon, 9 Jun 2025 09:11:41 +0000 (+0200)
Subject: add videojs to live player
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=08162776631c22c8540b5fa9eac738955c334e3a;p=teleforma.git

add videojs to live player
---

diff --git a/teleforma/templates/teleforma/course_conference_record.html b/teleforma/templates/teleforma/course_conference_record.html
index f143ba8d..d6fdd07a 100644
--- a/teleforma/templates/teleforma/course_conference_record.html
+++ b/teleforma/templates/teleforma/course_conference_record.html
@@ -3,6 +3,9 @@
 {% load teleforma_tags %}
 {% load i18n %}
 
+{% block extra_stylesheets %}
+<link href="{{STATIC_URL}}teleforma/video-js/video-js.css" rel="stylesheet">
+{% endblock %}
 
 {% block extra_javascript %}
 <script type="text/javascript">
@@ -30,10 +33,10 @@ jQuery(window).ready(function(){
         for (var i = 0; i < periods.length; i++) {
           options += '<option value="' + parseInt(periods[i].id) + '">' + periods[i].name + '</option>';
         }
-        $("#id_period").html(options);
-        $("#id_period option:first").attr('selected', 'selected');
-        $("#id_period").attr('disabled', false);
-        }
+    id="my_video_1" class="video-js vjs-default-skin"         $("#id_period").html(options);
+                $("#id_period option:first").attr('selected', 'selected');
+            $("#id_period").attr('disabled', false);
+            }
 
     var update_professors = function(data){
         var professors = data.result;
@@ -64,8 +67,9 @@ $(document).ready(function(){
     });
 </script>
 
-{% endblock extra_javascript %}
+<script src="{{STATIC_URL}}teleforma/video-js/video.js"></script>
 
+{% endblock extra_javascript %}
 
 {% block modules %}
 {% get_telecaster as telecaster %}
@@ -87,9 +91,9 @@ $(document).ready(function(){
 <div class="media">
 {% block video %}
 <div class="video">
-<video controls autoplay preload="auto" width="100%">
-<source src="/stream/monitor.webm?v={% random_hash %}" type="video/webm">
-</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>
 </div>
 {% endblock video %}
 </div>
diff --git a/teleforma/templates/telemeta/base.html b/teleforma/templates/telemeta/base.html
index eef9708c..be68100c 100644
--- a/teleforma/templates/telemeta/base.html
+++ b/teleforma/templates/telemeta/base.html
@@ -20,6 +20,8 @@
 {% block stylesheets %}
 <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}telemeta/css/telemeta.css" />
 <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}teleforma/css/teleforma.css" />
+<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}teleforma/video-js/video-js.css">
+
 
 <!--[if IE]>
 <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}telemeta/css/telemeta_ie.css" />
@@ -42,6 +44,7 @@
 <script src="{{ STATIC_URL }}telemeta/js/locale.js" type="text/javascript"></script>
 <script src="{{ STATIC_URL }}telemeta/js/application.js" type="text/javascript"></script>
 <script src="{{ STATIC_URL }}teleforma/js/application.js" type="text/javascript"></script>
+<script src="{{ STATIC_URL }}teleforma/video-js/video.js" type="text/javascript"></script>
 
 {% if user.is_authenticated %}
 <script type='text/javascript'>var CURRENT_USER_NAME="{{ user.username }}";</script>