|
Ghrome 浏览器,在最新的版本中,禁止了视频与声视频的自动播放,如何解决?
video解决方案: 1. video标签添加muted(静音)属性,这样就可以播放视频了 2. 再使用js把muted属性给清空,让声音可以播放 <video id="video" src="感恩.mp4" autoplay="autoplay" muted="muted" controls="controls"></video>
<script type="text/javascript">
window.onload=function (ev) {
var viedo = document.getElementById("video");
viedo.muted="";
}
</script>audio解决方案: 1. audio标签添加muted(静音)属性,这样就可以播放了,但是没有声音 2. 再使用js把muted属性给清空,让声音可以播放 <audio id="audio" src="sound.mp3" controls="controls" autoplay="autoplay" muted="muted"></audio>
<script src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
window.onload=function (ev) {
var audio = document.getElementById("audio");
audio.muted="";
}
</script> |
|
回帖推荐doubleyong 发表于1楼 查看完整内容 上面的方法,在本机测试,完全没有问题,可以实现自动播放。但是,放到服务器上却还是不行。 于是,找到了另一种方法,如下: &lt;iframe src="sound.mp3" allow="autoplay" id="aud...
|
|
沙发#
发布于:2019-03-09 22:56
上面的方法,在本机测试,完全没有问题,可以实现自动播放。但是,放到服务器上却还是不行。
于是,找到了另一种方法,如下: <iframe src="sound.mp3" allow="autoplay" id="audio" style="display:none"></iframe>即采用iframe来实现自动播放。 参考:https://stackoverflow.com/questions/50490304/how-to-make-audio-autoplay-on-chrome |
|
|