Detect HTML5 video tag

Question

I had a query regarding HTML5 video tags. I wanted to know if there is any way to check if the text to be added in the body tag contains a HTML5 video tag using jQuery or javascript.

<video>
     <source src="demo.mp4" type="video/mp4" />
     <source src="demo.ogv" type="video/ogg" />
</video>

I cannot give any id or class to the video tag. I mean can we have something like

 if($('body').contains('<video>')){
      // do something
    }

Thanks in advance.

Regards,

Neha

Answer 1

You don't need jQuery for this, you can use getElementsByTagName()

var x = document.getElementsByTagName("video");
if (x.length) {
    //do code if element(s) are present
}

Answer 2

Use:

 if($('video').length===0){
   //video not found
  }

Answer 3

if($("video").is(':visible')){
//do somthing
}

You can find HTML5 Video events here

http://www.w3.org/2010/05/video/mediaevents.html

Answer 4

尝试这个，

if($( "body:has(video)" ).length)

Answer 5

you can try this:

if($('video').length>0){
   console.log('Video tag exists');  // do operations.
}