手机web端页面加载时自动播放背景音乐
来源:互联网 发布:程序员待遇 编辑:程序博客网 时间:2024/04/29 08:40
在pc端上直接在body里写个video就可以了,很简单
<audio src="http://xxxxx.mp3" autoplay hidden></audio>
但是移动端不一样,移动端禁用所有的自动播放音乐,必须手动触发,但是我们可以巧妙绕过这个设定
1、在html上新建个容器,其实不要也可以,我只是喜欢规范点
<!--播放背景音乐容器--><div id="bgmvideo"></div>
2、用js加载页面时把video元素append进去就行了,我还额外做了一个浏览器每次打开只会播放一次的功能,不然每次用户选择该页面都会播放用户难免烦躁
// session控制音乐 $(document).ready(function () { if (!sessionStorage.getItem("bgm")) { $("#bgmvideo").append( '<audio src="http://xxxxxx.mp3" autoplay hidden></audio>' ); sessionStorage.setItem("bgm", 1) } })
阅读全文
0 0
- 手机web端页面加载时自动播放背景音乐
- html页面加上背景音乐自动播放
- 移动端 背景音乐 自动播放
- 背景音乐自动播放代码
- HTML5自动播放背景音乐
- h5页面背景音乐不能自动播放的方案之一
- Cordova加载手机页面web
- 当手机滑到页面底部时自动加载数据
- weex中web标签加载手机端页面适配
- Android中加载SD卡中的html,背景音乐无法自动播放
- 有背景音乐的web页面
- 解决ios下的微信打开的页面背景音乐无法自动播放
- 解决ios下的微信页面背景音乐无法自动播放问题
- 解决ios下的微信打开的页面背景音乐无法自动播放
- 手机页面列表滚动到底自动加载
- 同一页面不同背景音乐切换播放
- php页面添加背景音乐 控制停止/播放
- WKWebView 和 UIWebView 允许背景音乐自动播放
- Harris角点检测原理与opencv(python)实现
- ALV 层级分组显示报表
- mysql索引长度的一些限制
- mathJax
- 43 WebGL绘制一个自动旋转的立方体盒子,点击获取点击位置颜色
- 手机web端页面加载时自动播放背景音乐
- maven创建spring+springmvc+mybatis项目pom文件
- MyBatis批量修改
- sublime text3 快捷键
- Python基础(七)- 数据处理
- windows下使用php socket 和 html5 websocket实现服务器和客户端之间通信
- C++中string.find()函数与string::npos
- FAFU OJ 求和
- Git的管理和修改