add videojs seeking

diff --git a/teleforma/templates/teleforma/course_media.html b/teleforma/templates/teleforma/course_media.html
index 1daaee74928eabe91285e61ec598009977f50254..779823ce691235353b1db0f2381900dd81a6a1c9 100644 (file)
--- 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 %}