Search jQuery

jQuery Forum

Using jQuery

angela

How to trigger video to play when link is clicked, and then pause again using the same link?

in Using jQuery • 8 years ago

Hello,

With jQuery can I trigger a video to play and then pause when a single anchor is clicked on?

I have a page with 5 videos on it, I don't want to use the controls on the videos themselves, thinking of putting an anchor next to each which will say play. Click it the video plays, the play text changes to pause, click it again it pauses and returns to play again.

you can see this page at http://kimcolemanprojects.com/djangolive_1.html

Thanks

Replies(1)

angela

Re: How to trigger video to play when link is clicked, and then pause again using the same link?

8 years ago

Got this so far, but how do i change the button to an anchor?

function vidplay() {

var video = document.getElementById("Video1");

var button = document.getElementById("play");

if (video.paused) {

video.play();

button.textContent = "||";

} else {

video.pause();

button.textContent = ">";

}

function restart() {

var video = document.getElementById("Video1");

video.currentTime = 0;

}

function skip(value) {

var video = document.getElementById("Video1");

video.currentTime += value;

}

</script>

</head>

<body>

// Replace these with your own video files.

HTML5 Video is required for this example.

<a href="demo.mp4">Download the video</a> file.

</video>

</div>

</body>

Top Reply

Response title

Attachments

jQuery Forum

How to trigger video to play when link is clicked, and then pause again using the same link?

Replies(1)

Re: How to trigger video to play when link is clicked, and then pause again using the same link?

Statistics

Tags

Actions