From: Guillaume Pellerin <guillaume.pellerin@ircam.fr>
Date: Thu, 16 Jun 2022 13:50:30 +0000 (+0200)
Subject: add videojs seeking
X-Git-Tag: 2.7.1~45^2~8^2~1
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=b073da9ceecb4dd04486ec6cd15956bbd3ac40f0;p=teleforma.git

add videojs seeking
---

diff --git a/teleforma/templates/teleforma/course_media.html b/teleforma/templates/teleforma/course_media.html
index 1daaee74..779823ce 100644
--- a/teleforma/templates/teleforma/course_media.html
+++ b/teleforma/templates/teleforma/course_media.html
@@ -95,6 +95,7 @@ $(document).ready(function(){
 <div class="video">
     <link href="https://vjs.zencdn.net/7.11.4/video-js.css" rel="stylesheet" />
     <link href="https://unpkg.com/@videojs/themes@1/dist/fantasy/index.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/videojs-seek-buttons/dist/videojs-seek-buttons.css">
     <video
         id="my_video_1"
         class="video-js vjs-theme-fantasy"
@@ -115,6 +116,15 @@ $(document).ready(function(){
         </p>
     </video>
     <script src="https://vjs.zencdn.net/7.11.4/video.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/videojs-seek-buttons/dist/videojs-seek-buttons.min.js"></script>
+    <script>
+      var player = videojs('my-video_1');
+
+      player.seekButtons({
+        forward: 30,
+        back: 10
+      });
+    </script>
 </div>
 
 {% elif "audio" in media.mime_type %}