Update js/js.php

js/js.php

@@ -5,6 +5,7 @@
 /* https://childes.talkbank.org/browser/index.php?url=Eng-UK/MPI-EVA-Manchester/Eleanor/020006b.cha */
 /*-----------------------------*/
 $(function (){
+
     // Add "timeupdate" listener to "#speakera".
     var vid = document.getElementById("speakera");
     vid.addEventListener("timeupdate", function(){
@@ -19,6 +20,10 @@ $(function (){
     });
 
 
+    // Listen for user to play video. ** i added this
+    vid.addEventListener("play", function(){
+        $( '.movControl' ).html("&#9632"); // Change all bullets to "stop".
+    });
 
 
     // Click on the little 'play' character at end of utterance line.
@@ -29,16 +34,15 @@ $(function (){
 
 
             // If user clicked "stop" on a playing line, pause video, remove ".playing", change icon to "play".
-            if($(this).children(".movControl").hasClass('playing')) {
+            // if($(this).children(".movControl").hasClass('playing')) {
+            if(!vid.paused) {
                 vid.pause();
             }
+
             else {
                 var newTime = $(this).attr("beg");
                 vid.currentTime = newTime / 1000;
-
                 vid.play();
-                $(this).children(".movControl").addClass("playing");
-            // ** i added that last line. be care ful of it. work in progress. **
             }