HTML5 canvas - Mpeg play/pause button

Community Beginner ,
Aug 25, 2018 Aug 25, 2018

Copy link to clipboard

Copied

Hi everyone,

I've inserted a video component in my HTML5 canvas.

Now, I want to automatically pause the video before it ends.

Moreover I'd like to add a button in order to make it play from that point onwards.

Unfortunately actions like this.play() and this.stop() do not work.

There should be some tricky code that allows to control the video player.

How is this possible?

Thank you in advance

Views

250

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Community Professional , Aug 25, 2018 Aug 25, 2018
Sorry, there's no tricky code, just very simple code:document.getElementById("myvideo").pause();document.getElementById("myvideo").play();HTMLMediaElement - Web APIs | MDN

Likes

Translate

Translate
Adobe Community Professional ,
Aug 25, 2018 Aug 25, 2018

Copy link to clipboard

Copied

Sorry, there's no tricky code, just very simple code:

document.getElementById("myvideo").pause();

document.getElementById("myvideo").play();

HTMLMediaElement - Web APIs | MDN

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 08, 2021 Nov 08, 2021

Copy link to clipboard

Copied

LATEST

hi

I tested this using a button called 'stopvideo' created in my HTML file that does works perfectly:

$("#stopvideo").click(function(){
document.getElementById("JimVideo").pause();
});
 
I have used this external Javascript in my HTML document which also works :
var aud = document.getElementById('JimVideo');
var approxTime = 0
aud.ontimeupdate = function(){
    var currentTime = Math.floor(aud.currentTime);
    if (currentTime !== approxTime) {
        approxTime = currentTime;
        if (approxTime === 4) {
document.getElementById("JimVideo").pause();
        }
    }
};
 
However I am at a loss on how to implement the 'get currentTime function' in order to automatically have the video stop (say after 4 seconds) BUT from within the Adobe animate canvas say on the initial keyframe where the video component exist. Any suggestions on how to figure this out. Thanks

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines