首页 文章

无声播放视频

提问于
浏览
5

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

我的问题是,像YouTube,KickStarter和ProductHunt DO这样的网站都有自动播放视频,其中就是音频静音 .

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

刚刚用手机上的海报图片替换了视频?思考?

谢谢 .

1 回答

  • 13

    如果您将使用浏览器本机的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>
    

相关问题