sync player cursor time with video time

diff --git a/telemeta/templates/telemeta/inc/mediaitem_video.html b/telemeta/templates/telemeta/inc/mediaitem_video.html
index afef64911c6652cc773ee286e0562399851aa49f..19cdbdd9287c5bc49851a477c21f35a33c2ea2a0 100644 (file)
--- a/telemeta/templates/telemeta/inc/mediaitem_video.html
+++ b/telemeta/templates/telemeta/inc/mediaitem_video.html
@@ -25,13 +25,4 @@
 </div>
 
 <div id="videotime"></div>
-<script>
-(function(){
-    var v = document.getElementsByTagName('video')[0]
-    var t = document.getElementById('videotime');
-    v.addEventListener('timeupdate',function(event){
-        t.innerHTML = v.currentTime;
-        },false);
-        })();
-</script>
 {% endcomment %}

diff --git a/telemeta/templates/telemeta/mediaitem_detail.html b/telemeta/templates/telemeta/mediaitem_detail.html
index c4bda2b2f3cd51f92d880552194cadca86733ec0..991a4b0f2ab37aafe0e2a9c1e12d9a225a972bd4 100644 (file)
--- a/telemeta/templates/telemeta/mediaitem_detail.html
+++ b/telemeta/templates/telemeta/mediaitem_detail.html
@@ -168,6 +168,17 @@
 
     {% if "video" in mime_type %}
      {% include "telemeta/inc/mediaitem_video.html" %}
+     <script>
+     (function(){
+         var v = document.getElementsByTagName('video')[0]
+         // var t = document.getElementById('videotime');
+         var p = Timeside;
+         v.addEventListener('timeupdate',function(event){
+             // t.innerHTML = v.currentTime;
+             p.player.setSoundPosition(v.currentTime);
+             },false);
+             })();
+     </script>
     {% endif %}
 
         <!-- </div> -->