Start and stop Video from button?

[olleka]

Hi.

Maybe a simple question. But how do I start and stop a HTML5 video from a button in an HTML5 ad?

 

I have looket in the forum but found nothing so simple

 

Regards

Olle

[Jonathan]

Hello olleka, and Welcome to the GreenSock Forum!

 

This is not really a GSAP API question. We try to stay focused on answering questions about the GSAP API and GSAP Plugins. This is more of a question on how to use the HTML5 <video> element. Which you can find more out about here:

 

HTMLMediaElement: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement

 

But to answer your question, the following can be used for pausing a <video> element, it presumes you have an id named video:

<video id="video" width="480" height="280" autoplay> 
    <source src="my-video.mp4"> 
    <source src="my-video.ogv"> 
</video> 

// using jQuery
$("#video")[0].pause();

// native javascript
var video = document.getElementById("video");
video.pause();

Happy Tweening

[olleka]

Ok, I understand. Thank you!

 

Regards

Olle