doubleyong
管理员
管理员
  • 最后登录2026-05-25
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:8131回复:1

[javascript]video与audio的自动播放,在Ghrome中不能正常播放

楼主#
更多 发布于:2019-03-07 15:10
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楼  查看完整内容

上面的方法,在本机测试,完全没有问题,可以实现自动播放。但是,放到服务器上却还是不行。 于是,找到了另一种方法,如下: <iframe src="sound.mp3" allow="autoplay" id="aud...
知识需要管理,知识需要分享
doubleyong
管理员
管理员
  • 最后登录2026-05-25
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
沙发#
发布于: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
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号