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

【问题标题】：Hide Html 5 video play button from the screen从屏幕上隐藏 Html 5 视频播放按钮
【发布时间】：2017-01-24 15:03:39
【问题描述】：

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

有什么办法可以完成吗？

编辑：代码：

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

【问题讨论】：

这看起来不像我知道的任何浏览器中<video> 的基本实现。因此，您大概有一堆 CSS 和 JavaScript 来创建按钮。我们无法告诉您如何删除它，因为我们看不到您的代码。
这个问题与 jQuery 或数组有什么关系（因为您将其标记为这样）？
youtube.com/embed/nMehBNvN_PM"></iframe>-->
这是添加视频的代码
抱歉数组被错误标记，但我认为 jquery 与此有关

标签： html

【解决方案1】：

从video 元素中删除controls 属性。有关video 元素的更多信息，请参阅此文档。

mozilla video element documentation

【讨论】：

在原生安卓浏览器中不会删除

【解决方案2】：

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

查看：http://www.w3schools.com/html/html5_video.asp

【讨论】：