从屏幕隐藏Html 5视频播放按钮

时间:2015-03-20 09:23:28

标签: html html5

我想要隐藏屏幕上显示的视频播放按钮,有什么办法吗?我正在使用html5视频播放器。 我无法在此添加图片。请检查链接按钮,图像和视频按钮以红色圆圈突出显示。

http://awesomescreenshot.com/02c4ocr318

有没有办法完成这个?

编辑:代码:

<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>

2 个答案:

答案 0 :(得分:2)

controls元素中删除video属性。有关video元素的详细信息,请参阅此文档。

mozilla video element documentation

答案 1 :(得分:1)

我建议您使用基本的html元素而不是任何jquery / js插件,因为它默认情况下不显示任何播放覆盖,并且在所有支持html5的浏览器中都能正常工作。你也可以通过css / js自定义。

退房:http://www.w3schools.com/html/html5_video.asp