Question

我刚读完这篇文章，说明为什么自动播放视频不好http://www.punkchip.com/autoplay-is-bad-for-all-users/。我知道自动播放是一种不好的做法，但这段视频给了我很好的理由，为什么它不是最好的做法。

我的问题是，像YouTube，KickStarter和ProductHunt DO这样的网站都有自动播放视频，但音频是静音的。

我现在在客户的网站上工作，更具体地说是客户端可能要求自动播放视频的页面。显然这种行为在声音上是不可接受的，但如果我默认静音并提供像ProductHunt这样的音量按钮怎么样？

刚刚用手机上的海报图片替换了视频？想法？

感谢。

Answer 1

如果您将使用浏览器原生的HTML5播放器。 HTML5视频确实能够将视频静音并自动播放。除了'controls'属性之外，你只需在视频标签中包含'muted'和'autoplay'属性，这样用户就可以播放，暂停，取消静音等，例如，代码看起来像这样：

<html>
<body>

<video width="320" height="240" autoplay controls muted>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

<p><strong>Note:</strong> The muted attribute of the video tag is not supported in Internet Explorer 9 and earlier versions.</p>

</body>
</html>

无声播放视频

1 个答案: