html5-video - 显示覆盖 HTML5 视频的按钮

Question

我想显示一个播放按钮，它涵盖了整个 html5 视频，当您单击该视频时，该视频就会启动。这可能吗？

谢谢！

Answer 1

如果您的问题是单击按钮时播放视频，请快速查看此. 您只需在 javascript 中获取您的视频，然后调用play函数。对于按钮部分，您可以简单地将视频包装在带有 css 的 div 和带有 cssdisplay:inline-block; position:relative的<button>标签中，position:absolute; top:50%; left:50%;这样您就可以

<div style="position:relative;">
<button style="position:absolute; top:50%; left:50%;" onclick="playPause(); return false;">Click to start</button>
  <video id="video1" width="420">
    <source src="mov_bbb.mp4" type="video/mp4">
    <source src="mov_bbb.ogg" type="video/ogg">
    Your browser does not support HTML5 video.
  </video>
</div>