【问题标题】:html5 video autoplay feature not working without mutedhtml5 视频自动播放功能在没有静音的情况下不起作用
【发布时间】:2018-10-21 13:36:40
【问题描述】:

html5 视频控件中的自动播放参数到现在一直很好用,突然就不行了。我对显示视频控件的 jsp 页面进行了一些格式更改,但排除了这些问题。此处的另一篇文章提到了 Chrome 的更新,它只允许使用静音参数自动播放。我试过这个,哇,它有效。但这不是我们想要的播放器的用户交互。我怎样才能恢复它并仍然允许在 chrome 中自动播放?

<body id="body" language="javascript" onload="init()">

    <!-- Media Player -->

    <div>
            <div id="wrap_video">
            <video id="wrVideo" poster="data:image/gif,AAAA" controls width="100%" height="100%" controlsList="nodownload" preload="true" autoplay muted>
                <source src="" type="video/webm">
                <audio controls id="wrAudio" controls controlsList="nodownload" preload="auto" autoplay>
                    <source src="" type="audio/wav" >
                    Your browser does not support the audio element.
                </audio>
            </video>  
            </div>

    </div>

赞赏的想法。

【问题讨论】:

  • 大约一年前(或某事)Webkit 开发人员更新了自动播放视频的政策。目前,如果没有静音或没有用户手势,视频无法自动播放。在 Android 版 Google Chrome 上,甚至 youtube 视频都在静音播放:)
  • 所以没有办法解决这个问题。
  • 恐怕没有解决办法。你甚至不能在没有用户手势的情况下制作myAvesomeVideo.play()(并不是每个用户手势都对这个操作有效,例如mousemove事件不会运行视频),谷歌浏览器会在控制台中显示警告。

标签: javascript google-chrome html5-video


【解决方案1】:

嗯,有一篇有趣的文章应该对你有所帮助。顺便说一句,更新是在 2018 年 4 月完成的 :)

https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

【讨论】:

  • 是的,我认为它是最近的,因为几周前它还在工作。谢谢
猜你喜欢
  • 2020-06-06
  • 2014-10-15
  • 1970-01-01
  • 2023-03-31
  • 2018-12-05
  • 2018-09-24
  • 2019-07-09
  • 1970-01-01
相关资源
最近更新 更多