From b073da9ceecb4dd04486ec6cd15956bbd3ac40f0 Mon Sep 17 00:00:00 2001
From: Guillaume Pellerin <guillaume.pellerin@ircam.fr>
Date: Thu, 16 Jun 2022 15:50:30 +0200
Subject: [PATCH] add videojs seeking

---
 teleforma/templates/teleforma/course_media.html | 10 ++++++++++
 1 file changed, 10 insertions(+)

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 %}
-- 
2.39.5