registers old events again

thexerteproject · Jan 4, 2022 · b2ecdfc · b2ecdfc
1 parent 1330641
commit b2ecdfc
Showing 1 changed file with 9 additions and 10 deletions.
diff --git a/modules/xerte/parent_templates/Nottingham/models_html5/videoSynch.html b/modules/xerte/parent_templates/Nottingham/models_html5/videoSynch.html
@@ -70,7 +70,7 @@
 			});
 		}
 
-		this.setup = function() {
+		this.setUp = function() {
 			$infoHolder = $("#infoHolder");
 			$pageContents = $("#pageContents");
 
@@ -208,6 +208,12 @@
 			this.initTracking();
 			this.addEvents(this.popcornInstance);	
 			resizeEmbededMedia($(".popcornMedia.embed"), {width: videoDimensions[0], height: videoDimensions[1]})
+
+			// Show captions that should happen before the first timeupdate.
+			var $captionAtStart = $($pageContents.data("captions")).filter( function(){ return $(this).data("synch") == 0; });
+			if ($captionAtStart.length > 0) {
+				$captionAtStart.show();
+			}
 
 			if (x_browserInfo.mobile == false) {
 				$pageContents.css("padding-left", Number($pageVideo.data("dimensions")[0]) + (parseInt($("#videoHolder .panel").css("padding-left")) * 2));
@@ -222,6 +228,8 @@
 		this.addEvents = function(popcornInstance) {
 			popcornInstance.on( "timeupdate", function() {
 				videoState = addTrackingOnTimeUpdate(videoSynch.popcornInstance, videoState);
+				videoSynch.timeUpdate(popcornInstance, popcornInstance.currentTime());
+
 			});
 			popcornInstance.on( "play", function() {
 				videoState = addTrackingOnPlay(videoSynch.popcornInstance, videoState);
@@ -242,15 +250,6 @@
 			if (mediaSrc != "vimeo") {
 				$pageContents.data("mediaElement", mediaElement);
 
-				mediaElement.addEventListener("timeupdate", function(e) {
-					videoSynch.timeUpdate(mediaElement, mediaElement.currentTime);
-				});
-
-				var $captionAtStart = $($pageContents.data("captions")).filter( function(){ return $(this).data("synch") == 0; });
-				if ($captionAtStart.length > 0) {
-					$captionAtStart.show();
-				}
-
 			} else {
 				// VIMEO
 				if (eventType == "playProgress") {