2016.05.21
在页面中插入背景音乐有很多中方式可以实现，也比较容易。困难的是找到每个浏览器都兼容的方式不容易。
<bgsound>只适用于IE浏览器。其他浏览器并不支持。
<embed>标记按道理说应该适用于任何浏览器，可是实际操作起来并不是想象的那样，我的Firefox就不能轻松实现（原因是没有 QuickTime插件），chrome倒是实现了音频的播放，可是hidden属性设置无效，不能隐藏播放器。种种问题需要慢慢去解决。
在解决<embed>带来的种种问题时，发现了HTML5新引入的标记<audio>。经尝试后发现非常容易的就可以完成页面中插入背景音乐的问题。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>bgmusic</title> </head> <body> <audio autoplay="true" loop="true" hidden="true"> <source src="背景音乐地址" type="audio/mpeg"/> </audio> </body> </html>
当然缺陷就是，不支持HTML5的浏览器无法实现。不过现在也有了让IE9以下版本支持HTML5的方法。所以，目前看来在页面中插入背景音乐，使用<audio>标记是比较方便有效的。
看了一些带有背景音乐的网站源码发现，这些网站都是采用<object>标记来实现的，猜想应该是兼容性的原因。
继续学习。
时间： 2024-12-28 22:39:48