Video control does not pause video

[mmask (Mark)]

Novice alert

I have created a project using a video on every scene. Once video concludes there are elements that appear (text, nav buttons, etc) However in testing we discovered that the built in video controls are not actually pausing the video. After a few seconds the video concludes and the timeline advances without user input.

Does this require custom playback buttons to address? If so, is additional code required to pause timeline to wait for video to conclude? thanks

[JimScott]

Hi Mark!

You may find this Forum thread useful (read everything there’s a lot of info there):

---

Run javascript when video has ended

For others looking to perform an action (like jump to another scene) when a video has ended, here's a quick code snippet you can use: Set a unique element ID for your video in the Identity inspector: myVideo Next, run the following code 'on scene load' for the scene containing the video. When the video reaches its final moment on that scene, the MySceneName action will be triggered:   hypeDocument.getElementById('id').addEventListener('ended',myHandler,false); function myHandler(e) { …

[mmask (Mark)]

Hey Jim
Thanks so much for the link. it looks like the external control of the video is the direction we will have to go. I am curious however, do you know if its common to have the built in player struggle with basic pause/rewind functionality? Thanks again for the response…

[JimScott]

Hi Mark!

The built-in player (i.e. the browser’s media player, correct?) works fine in my implementations.

Using “external” controls (Hype scripting) I have found the following scripts useful:

Play~pausing audio (audio file is placed in an off-screen button with an ID of “prologue”):

function playPauseBtnToggle(hypedocument, element, event) {
	var isPlaying = document.getElementById("prologue");		
	(isPlaying.paused) ? isPlaying.play() : isPlaying.pause();
}

**"Rewind" the media = load it again (jQuery):** `$("#prologue").load();`
**Script in a "Close" button's _innerHTML_ for a video ~** Pauses video, then hides the video and the button ("bh_selectedVid" is a pre-assigned variable):

<script> 
function pauseVid() { 
   bh_selectedVid.pause(); 
   bh_selectedVid.hide();
   this.hide();
} 
</script>

[JimScott]

Hi Peter!

Also see @MarkHunte 's “Video Controller” thread on this Forum:

Video Controller Symbol

Thanks, Sorry about that I did mention it but I will look at adding it as an option instead I tried something like that last night fully expecting it to work. But on the second scene it still wanted to control the scene one video. The way I tried was to add a bit of code to the timecode function which is fired by the symbol at load time. Because of this the element.id is that of the symbol. I gave each symbol on scene one and scene two unique ids. Then checked for this in t…