进入网站时背景音乐自动播放

最新推荐文章于 2024-05-16 21:46:32 发布

抱抱小辫儿

最新推荐文章于 2024-05-16 21:46:32 发布

阅读量6.5k

点赞数 2

分类专栏：背景音乐文章标签：背景音乐自动播放

本文链接：https://blog.csdn.net/qq_44936905/article/details/96893969

版权

背景音乐专栏收录该内容

1 篇文章 0 订阅

订阅专栏

写的有一些不足欢迎提意见

第一种静音播放

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <audio muted loop src="./video/青蛙 - 小跳蛙.mp3" controls="controls" autoplay="autoplay" ></audio>
    <script>
      
        function toggleSound(){
            var audio = document.querySelector('audio')
            if (audio.paused) {
              
                audio.play();
            }else{
                audio.paused = false
            }
        }

        setInterval(toggleSound(), 1000)
    </script>
</body>

</html>

这种方法需要自己到网页后调节进度条上得调节音量的值
这种方法如果用谷歌可能需要修改谷歌的一些东西
在chrome 浏览器中输入：chrome://flags，搜索“Autoplay policy”，默认为“Default”，
修改为 “No user gesture is required” 就可以了；此方法仅限谷歌浏览器，而且比较笨拙，

第二种换了一个标签

 <embed src="audio/青蛙 - 小跳蛙.mp3"  loop="true" autostart="true" hidden="true">

***这种方法不能让音乐循环播放

抱抱小辫儿

关注

2
点赞
踩
18

收藏

觉得还不错? 一键收藏
0
评论
进入网站时背景音乐自动播放

写的有一些不足欢迎提意见第一种静音播放<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...
复制链接

扫一扫