在html中插入音频文件在浏览器中播放音频文件的兼容性问题
下面谈谈本人在html中插入音频文件,经过我的本地测试总结的一些问题(播放mp3文件):
1、
问题:IE8上正常(通过media player插件来播放)但在IE6和IE7上不会播放
Firefox上要安装QuickTime插件才能播放
Chrome通过将其转化成html5上的标签播放,能播放但会使整个屏幕蓝屏
Opera不会自动播放
2、
问题:IE6,IE7上不会正常播放,IE8正常
Firefox上正常
Chrome上要求肮脏QuickTime插件才能正常播放
Opera不会自动播放
3、
问题:在IE6,7上不能播放,IE8会弹出“非正常使用的Articx”等字样的提示
Firefox上正常
Chrome上正常
Opera不支持
4、
问题:html5标签 仅Chrome支持
5、
复制代码代码如下:
问题:IE6,IE7不支持,其余浏览器均支持,Opera不能自动播放
6、
问题:IE6,IE7均不支持,其余浏览器均支持,Opera不能自动播放
综合以上本人采取了一下方式(jquery下执行):
复制代码代码如下:
if(navigator.userAgent.indexOf("Chrome") > -1){
如果是Chrome:
}else if(navigator.userAgent.indexOf("Firefox")!=-1){
如果是Firefox:
}else if(navigator.appName.indexOf("Microsoft Internet Explorer")!=-1 && document.all){
如果是IE(6,7,8):
}else if(navigator.appName.indexOf("Opera")!=-1){
如果是Oprea:
}else{
}
或
复制代码代码如下:
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/msie ([\d.]+)/)){
jQuery('#__alert_sound').html('');
}
else if(ua.match(/firefox\/([\d.]+)/)){
jQuery('#__alert_sound').html('');
}
else if(ua.match(/chrome\/([\d.]+)/)){
jQuery('#__alert_sound').html('');
}
else if(ua.match(/opera.([\d.]+)/)){
jQuery('#__alert_sound').html('');
}
else if(ua.match(/version\/([\d.]+).*safari/)){
jQuery('#__alert_sound').html('');
}
else {
jQuery('#__alert_sound').html('');
}相关阅读:
Android单选按钮对话框用法实例分析
JavaScript实现的类字典插入或更新方法实例
C#使用GZipStream解压缩数据文件的方法
图文详解Xp系统设置直接查看缩略图的方法
如何手动修改Win7 软件默认安装地址(默认是C盘)
如何设置select只读不可编辑且select的值可传递
CSS中一些@规则的用法小结
Android 应用的欢迎界面实现代码
Zend Framework教程之Zend_Layout布局助手详解
JavaScript插件化开发教程 (三)
最新windows 10技术预览版注册表编辑器有所改进
C#实现简单获取扫码枪信息代码
jQuery获取样式中颜色值的方法
java发送短信系列之限制发送频率