CODEWITHSUNDEEP
javascriptjqueryhtmlvideohtml5-video
Nata2ha Mayan2
Nata2ha Mayan2

Reputation: 484

script to check if a video is playing and not restart

Okay, that's phrased awkwardly, but what I'm looking for is a script that checks, onclick if a video is playing, and if it is, don't start playing it again.
It's for a page that has six thumbs in an array that each play a video, and you're not supposed to be able to restart the video(which means its acting like its not selected)
how would I be able to do this?

Upvotes: 0

Views: 5369

Answers (1)

Matt Wonlaw
Matt Wonlaw

Reputation: 12443

To prevent clicking from doing anything to the video you can do this:

$("video").click(function(e) {
   e.preventDefault();
   return false;
});

To determine if the video is playing or not you can read this previous question: Detect if HTML5 Video element is playing

So you'll want to read that and then do something like:

$("video").click(function(e) {
   if (videoStatus === "playing") {
      e.preventDefault();
      return false;
   }
});

Let me know if you're not using jQuery and I'll update my answer to use getElementsByTagName.

Upvotes: 5

Related Questions