HTML 5-html5 aduio在chrome21下只能播放一次,firefox15下一次都不能播放,ie9可以播放多次

HTML 5-html5 aduio在chrome21下只能播放一次,firefox15下一次都不能播放,ie9可以播放多次

归属感 发布于 2017-08-04 字数 129 浏览 1060 回复 1
<audio src="http://f5.hjfile.cn/menu/20120912/20120912115301699_9291.mp3" controls="controls">
</audio>

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

灵芸 2017-08-19 1 楼

 <!DOCTYPE HTML>
<html>
<body>
<audio id="audio" controls="yes" >
<!-- 采用Source的好处是,如果浏览器不支持该文件格式,则会挨个去匹配,用来解决Firefox的问题 -->
<source src="http://www.loveehome.net/audio/windows_xp_startup.ogg">
<source src="http://f5.hjfile.cn/menu/20120912/20120912115301699_9291.mp3">
</audio>
<script>
//当文件播放结束的时候,会抛出ended事件,捕获这个事件,然后强迫播放器重新load,解决Chrome的问题
document.getElementById('audio').addEventListener(
'ended',
function(){
this.load();
},
false
);
</script>
<body>
</html>

调试了半天 - - ,浏览器兼容性真是相当恶心啊