目录

前端学习之音视频及其谷歌浏览器无法自动播放的解决方法3

前端学习之音视频及其谷歌浏览器无法自动播放的解决方法(3)

目录


一、音视频的应用:

在vscode中敲入

https://i-blog.csdnimg.cn/blog_migrate/12cb0c6ce1f4cf957a0162c1377d624c.png

打开浏览器,音视频自动播放。

https://i-blog.csdnimg.cn/blog_migrate/9592e06dca894ec6a9a75c11f0b1f49c.png

二、谷歌浏览器音视频无法播放的解决方法

方法1:在代码中敲入下图中的js代码

<script type="text/javascript">
    window.onload = function(){
          
   
             setInterval("toggleSound()",1);
        }

    function toggleSound() {
          
   
                var music = document.getElementById("music");//获取ID  
                if (music.paused) {
          
    //判读是否播放  
                    music.paused=false;
                    music.play(); //没有就播放 
                }    
        }
</script>

给音频设置一个id,用方法实现自动播放:

https://i-blog.csdnimg.cn/blog_migrate/3750e0d3a184c75fec797945c20a7a46.png

点击一下页面音频就自动播放了。

方法2:网站设置

点击网站设置,

https://i-blog.csdnimg.cn/blog_migrate/2b090e9c505cf3a983109f96dc521704.png

点击更多内容设置中的声音选项,将网址添加上即可自动播放音频

https://i-blog.csdnimg.cn/blog_migrate/c7087553d7b03888c5944713a89ebcdd.png

内容如有错误,欢迎大家在评论区指出,谢谢各位的浏览。