网站设计 论坛,wordpress前面头部目录框,六安新安人才网,中国建设银行网站对公业务流程前端交流群#xff0c;群文件提供大量文档、书籍和资料。期待你的加入#xff01;群号#xff1a;127768464 由于项目需要#xff0c;最近刚做了一个网页放音的功能#xff0c;使用到了H5新标签audio/audio#xff0c;但是audio只能支持IE8以上的浏…前端交流群群文件提供大量文档、书籍和资料。期待你的加入群号127768464 由于项目需要最近刚做了一个网页放音的功能使用到了H5新标签audio/audio但是audio只能支持IE8以上的浏览器低版本浏览器如何支持呢下面我就来介绍一下我的解决办法。 通过上网搜集资料找到了两套方案一种是在页面head中引入script src//api.html5media.info/1.1.8/html5media.min.js/script处理兼容另外一种是搭配embed/enbed标签使用。经过实际测试第一种引入js的貌似达不到预期效果感兴趣的朋友也可以试试有可能是我的操作不对。我使用的是第二种方法使用audio/audio和embed/enbed搭配使用IE8以上的浏览器统一使用audio/audio来放音IE8及以下的浏览器则使用embed/enbed。 通过实际观察我发现IE8及以下浏览器中的embed标签嵌入的实际上是Windows自带的播放器Windows media playerjs操作播放、暂停、停止的方法也就是操作Windows media player的方法这里有点小坑我发现embed标签的autostartfalse在其他浏览器支持不是很好就是在页面加载的时候会自动放音此问题的处理方法我用的是 [if lte IE 8] 来判断浏览器版本只有在IE8及以下的浏览器则使用embed/enbedIE8以上的浏览器不加载embed/enbed标签。实际代码如下 div styledisplay:none
audio ida_player_audio srca.mp3/audio
audio idb_player_audio srcb.mp3/audio
audio idc_player_audio srcc.mp3/audio
audio idd_player_audio srcd.mp3/audio
audio ide_player_audio srce.mp3/audio
/div
!--[if lte IE 8]
div styledisplay:none
embed ida_player_ie8 typeaudio/mpeg srca.mp3 autostartfalse/embed
embed idb_player_ie8 typeaudio/mpeg srcb.mp3 autostartfalse/embed
embed idc_player_ie8 typeaudio/mpeg srcc.mp3 autostartfalse/embed
embed idd_player_ie8 typeaudio/mpeg srcd.mp3 autostartfalse/embed
embed ide_player_ie8 typeaudio/mpeg srce.mp3 autostartfalse/embed
/div
![endif]-- js 的控制方法稍有不同播放都是play()方法关于停止播放audio只提供了暂停方法pause()Windows media player则提供了暂停pause()方法和停止stop()方法。 以上都是自己总结的经验有错误的地方欢迎大佬指正或者有好的方法也可以交流一下。、 前端交流群群文件提供大量文档、书籍和资料。期待你的加入群号127768464
更多专业前端知识请上
【猿2048】www.mk2048.com
