Unable to jump to next scene at the end of video track

[PeterG1 (Peter)]

I have a video that runs for about 30 seconds.
I put a key at the end of the video track to trigger an action to jump to next scene but it just loops.

[h_classen (Hans-Gerd Claßen)]

You may provide an example of what you are trying …

[JimScott]

Perhaps this Demo is close to the mark?

Hype Project: VideoSceneEndedTransfer.hype.zip (2.2 MB)

"Live" version here. (Animation Controlled by Sound)

This demo uses the "video tag" in which a rectangle has the following code placed in its innerHTML:

<video id="myVideo" width="500" height="350" controls="controls">
	<source src="${resourcesFolderName}/Hype_Motion_Demo.mp4" type="video/mp4">
</video>

IMPORTANT! Note the id="myVideo" in the tag. This is the ID that will be referenced in the "videoEnded" function shown just below - not the ID in Hype's API.

var vid = document.getElementById("myVideo");
	vid.onended = function() {
    hypeDocument.showSceneNamed('Scene 2', hypeDocument.kSceneTransitionCrossfade, 1.1)
	};

Further references:

HTML video Tag

Run JavaScript when a video has ended using addEventListener('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 scene MySceneName will be transitioned to:   hypeDocument.getElementById('id').addEventListener('ended',myHandler,false); function myHandler(e) { …

[MarkHunte]

Hmm… all is working as expected in the demo page and project, in Safari and Chrome…?