HTML5 播放器播放按钮不显示

Question

我已经搜索了一段时间试图解决这个问题。我需要显示 HTML 5 播放器按钮（不是它们显示的底部控件），而是在单击播放按钮之前默认显示的大播放按钮。目前它显示的只是视频上的一个黑框，没有播放按钮。在 FF 中它存在，在 Safari、IE 和 Chrome 中它不存在。我试过有无海报，有无控件和预加载属性，只是不知所措。下面的代码，任何帮助表示赞赏，所以提前感谢

   <video poster="media/jw_allvideos/SafeTrench.jpg" preload="auto" controls="controls" width="300" height="auto">
    <source src="media/jw_allvideos/SafeTrench.webm" type="video/webm" />
    <source src="media/jw_allvideos/SafeTrench.mp4" type="video/mp4" />

  Your browser does not support the video tag.</video></p>

Answer 1

简单的解决方法：在海报中包含播放按钮并添加 onclick。

  <video id="video" controls poster="play.jpg" onclick="this.play();">
    <source src="video.mp4"  type="video/mp4">
    <source src="video.webm" type="video/webm">
    <source src="video.ogv"  type="video/ogg">
  </video>    

但当您暂停视频时，该按钮不会再次显示。