not working

rowers/templates/embedded_video.html

@@ -293,6 +293,7 @@
 </ul>
 </form>
 <script>
+  $(document).ready( function() {
   // lock
   var lock = document.getElementById("lock");
   var output = document.getElementById("id_delay");
@@ -318,6 +319,7 @@
   }
   // Update the current slider value (each time you drag the slider handle)
   slider.oninput = function() {
+    clearInterval(timeupdater)
     if (lock.checked) {
       if (this.value-output.value > 0) {
         player.seekTo(this.value-output.value);
@@ -335,6 +337,7 @@
       // console.log('changing');
       output.value = this.value-Math.round(player.getCurrentTime());
     }
+    timeupdater = setInterval(updateTime, 1000)
   }
 
   output.oninput = function() {
@@ -349,6 +352,7 @@
       output.disabled = false;
     }
   }
+});
 </script>
 {% endlanguage %}