仅在 html5 视频上"audio button"和"play button"

Question

我创建了html5视频版块，但我使用它在我的页面上的每个视频之前显示视频广告。

问题是我想显示视频只有一个大的播放按钮和音频按钮，没有自动启动(因此视频可以在每个设备上播放(。

如何修改？

我的代码：

<video id="advvideo" controls  width="100%" height="auto">
    <source src="images/videos/promo.mp4"  type="video/mp4" >
    <source src="images/videos/promo.ogg" type="video/ogg">
    video not supported
</video>

Answer 1

您无法控制 html5 <video>标签controls属性来更改播放按钮样式。

对于大播放按钮，您可以在YouTube上上传广告，并将该YouTube视频与object或embed或iframe标签一起使用。

我更喜欢<iframe>标签。

前任：

<iframe  width="425" height="344" src="https://www.youtube.com/embed/F9Bo89m2f6g" frameborder="0" allowfullscreen></iframe>