欢迎来到元素模板www.ys720.com,本站提供专业的织梦模板网站模板ASPCMS模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

兼容谷歌浏览器的隐藏背景音乐代码

(元素模板) / 2014-02-25 12:58

昨天做一个网页的背景音乐,开始以为没有什么,但是做的时候发现兼容性是个大问题。

< bgsound  id="bgsound" src="2.mp3" loop="-1"> 这个方法只能在ie下用,谷歌神马的都没反应。

< embed src="sound.mp3" hidden="true" loop="-1">问题也差不多。

用html5的audio标签,在IE也不好用,所有最后只有做判断了。这样兼容的问题就解决了。
代码如下(注意把<>里面空格去下)

==============================================================================================

< !--[if IE]>
< bgsound  id="bgsound" src="2.mp3" loop="-1">
< ![endif]-->
< audio id="music"   loop="loop">
    < source src="2.mp3" type="audio/mp3">
    < source src="2.ogg" type="audio/ogg">
< /audio>
==============================================================================================

Copyright @ 2013-2019 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com