Html5 video 显示包含HTML5视频的按钮

我想显示一个播放按钮，它覆盖了整个html5视频，当你点击它时，它会启动视频。这可能吗

---

谢谢

如果您的问题是在单击按钮时播放视频，请快速查看。 您只需使用javascript获取视频，然后调用

play

函数。 对于按钮部分，您只需使用css

display:inline块将视频包装在一个div中；位置：相对

和带有css的标签位置：绝对；最高：50%；左：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> 

点击开始
您的浏览器不支持HTML5视频。

如果您的问题是在单击按钮时播放视频，请快速查看。 您只需使用javascript获取视频，然后调用

play

函数。 对于按钮部分，您只需使用css

display:inline块将视频包装在一个div中；位置：相对

和带有css的标签位置：绝对；最高：50%；左：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> 

点击开始
您的浏览器不支持HTML5视频。