audio和EMBED配合同时兼容IE8和safiri
来源:互联网 发布:农村淘宝 土豪村 编辑:程序博客网 时间:2024/06/03 19:25
在HTML5中通常使用audio标签来播放背景音乐
<audio id="musicAudio" loop="" src="./media/bg.mp3" autoplay preload></audio>
同时会出现两个问题:
1、IE8不支持audio属性
2、safiri必须等待用户的交互动作后才能播放media
解决方法如下:
1、IE8不支持audio属性
通过配合使用EMBED和audio来达到同时支持IE8和其它浏览器。
if lte IE 8能够在IE8之下使用EMBED标签即可。
<!--[if lte IE 8]><EMBED src="./media/bg.mp3" autostart="true" loop="true" width="0" height="0"><![endif]--><audio id="musicAudio" loop="" src="./media/bg.mp3" autoplay preload></audio>
2、safiri必须等待用户的交互动作后才能播放media
对于这个问题,可以使用js监听document的触摸事件,触碰就启动播放,我这里选用按下事件。
这里用了$选择器,所以需要自行添加jquery
<script> $(document).on("touchstart mousedown", function() { $("#musicAudio")[0].play(); })</script>
0 0
- audio和EMBED配合同时兼容IE8和safiri
- 使用 audio 和 embed 实现浏览器兼容的网页声音播放
- Extjs IE8和IE8兼容模式问题
- EMBED AUDIO
- IE8和Fckedit2.6.X不兼容
- h5和css3兼容IE8浏览器
- 图文翻页-兼容IE8和Chrome浏览器
- h5和css3兼容IE8浏览器
- IE8兼容canvas和一些CSS3属性
- Extjs IE8和IE8兼容模式问题 【转】
- 让UIAlertController同时兼容iphone和ipad
- 同时兼容 Xcode 7 和 Xcode 8
- 同时兼容 Xcode 7 和 Xcode 8
- OBJECT和EMBED标签
- OBJECT和EMBED标签
- IOS7使用Audio Queue同时进行录音和播放
- 让IE7,IE8和遨游兼容eWebEditor编辑器
- 未来兼容性中的 META 标记和锁定(ie8兼容)
- HDU 4455 Substrings(递推+优化)
- NFA-DFA(c++实现代码c#实现画图)
- 从头认识java-7.6 适配设计模式究竟适配类?还是适配接口?
- week10---11月11日 JS基础(四)
- OpenGL_Qt学习笔记之_03(平面图形的着色和旋转)
- audio和EMBED配合同时兼容IE8和safiri
- hihocoder #1099 枚举
- oracle参数open_cursors和session_cached_cursor详解!
- Java读取xml文件的四种方法
- ASP.NET多文件上传实例
- Qt从零开始制作串口调试助手-(第四章、新建“串口配置界面”和“关于界面”)-Creator_Ly
- 泛型限定
- 二叉树0607
- hdu 4689 Derangement(dp)