CODEWITHSUNDEEP
html
Jagjeet Kumar
Jagjeet Kumar

Reputation: 29

Hide Html 5 video play button from the screen

I want to hide the video play button which is shown in the screen , is there any way for that ? I am using html5 video player. I am unable to add image of that here . Please check the link button , there is a image and video button is highlighted by red circle.

http://awesomescreenshot.com/02c4ocr318

Is there any way to complete this ?

Edit: code:

<div class="v" id="player">
  <video id="myVideo" width="100%" height="100%" poster="1.png" controls >
    <source src="nrgmom.mp4?title=0&amp;byline=0&amp;portrait=0" type="video/mp4">
    <source src="mov_bbb.ogg" type="video/ogg">
  </video>
<!-- <iframe frameborder="0" allowfullscreen="" src="youtube.com/embed/nMehBNvN_PM"></iframe>-->; 
</div>

Upvotes: 0

Views: 10341

Answers (2)

Satyam Koyani
Satyam Koyani

Reputation: 4274

Remove controls attribute from video element.See this documentation for further information related to video element.

mozilla video element documentation

Upvotes: 2

r.a.m-
r.a.m-

Reputation: 594

I would recommend You to use basic html element instead of any jquery/js plugins as it does not show any play overlay by default and works just fine in all browsers with html5 support. U can also customize is via css/js.

Check out: http://www.w3schools.com/html/html5_video.asp

Upvotes: 1

Related Questions