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

[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) { …