无声自动播放视频

Question

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

我的问题是，YouTube、KickStarter 和 ProductHunt 等网站确实有自动播放视频的功能，问题是音频被静音了。

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

并且只是用手机上的海报图片替换了视频？想法？

谢谢。

Answer 1

如果您将使用浏览器自带的 HTML5 播放器。 HTML5 video 确实提供了将视频静音并自动播放的功能。除了 '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>

无声自动播放视频

Autoplaying video without sound

html

video

w3c