多网页音乐自动播放

最新推荐文章于 2024-04-27 01:01:21 发布

azraelxuemo

最新推荐文章于 2024-04-27 01:01:21 发布

阅读量770

点赞数 2

文章标签： html

本文链接：https://blog.csdn.net/azraelxuemo/article/details/109399695

版权

html里面

<video><audio>

标签都有autoplay选项
但其实你不能自动播放
这是跟web安全有关，所以你必须要获取用户全选许可
以firefox为例
点击url左边的那个，会弹出让你授予权限，你插播地视频，音乐就可以播放了
在这里插入图片描述

下面教大家怎么在网站连续播放歌曲，不受页面跳转影响

music.html

<!DOCTYPE html>
<html>
        <head>
<meta charset="UTF-8">
        </head>
<body>
<audio controls="controls" autoplay="autoplay" controls="controls" hidden="hidden" loop="loop">
<source src="1.mp3" type="audio/mp3">//修改成你的mp3地址
</audio>
</body>
</html>

2.html就是你自己写的正常跳转的页面
index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
</head>
        <frameset cols="0%,100%">
                        <frame src="music.html"/>
                                        <frame src="2.html" />
                </frameset>
</html>

这样就实现了音乐一直循环播放并且不受跳转影响
记住一定要获取权限

azraelxuemo

关注

2
点赞
踩
8

收藏

觉得还不错? 一键收藏
4
评论
多网页音乐自动播放

html里面<video><audio>标签都有autoplay选项但其实你不能自动播放这是跟web安全有关，所以你必须要获取用户全选许可以firefox为例点击url左边的那个，会弹出让你授予权限，你插播地视频，音乐就可以播放了下面教大家怎么在网站连续播放歌曲，不受页面跳转影响music.html<!DOCTYPE html><html> <head><meta charset="UTF-8"&gt
复制链接

扫一扫