【发布时间】: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