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>

但暂停视频时按钮不会再显示。

HTML5播放器播放按钮不显示

1 个答案: