页面声音播放(embed标签)
2012-12-13 10:58
141 查看
<embed>标签是html5中的新标签。
<embed> 标签定义嵌入的内容,比如插件,当然也可以用来嵌入声音。
举例如:
src:嵌入内容的url
loop:循环次数,-1为一直循环
当我用ie打开包含这个标签的页面时,如果把标签的hidden属性改为false,就会看见页面中嵌入了一个windows media player播放器,并且该播放器在循环播放/sound/alarm.wav,如果禁用掉windows的windows media player服务,打开页面后既没有嵌入的播放器,也听不到声音
用ie的控制台看到:
用google打开效果完全不同,也是嵌入了一个播放器,但是不知道是什么播放器,并且loop=-1的设置失效了,声音并不会循环,只会响一次
用google的控制台看到:
ff就比较给力了,应该是没有默认的媒体播放插件,直接提示我需要安装一个插件来显示此内容,点了下搜索,提示有一个apple的QuickTime可以安装,安装下看看效果,什么都没有,空白一片
查看控制台显示的和ie差不多:
看来如果使用embed标签来播放声音,本质上还是通过在浏览器中嵌入一个播放器插件来播放声音,但是不同的浏览器实现好像差别还挺大的,这个要特别注意
<embed> 标签定义嵌入的内容,比如插件,当然也可以用来嵌入声音。
举例如:
<embed id="sound" src="/sound/alarm.wav" loop="-1" autostart="true" hidden="true"></embed>
src:嵌入内容的url
loop:循环次数,-1为一直循环
当我用ie打开包含这个标签的页面时,如果把标签的hidden属性改为false,就会看见页面中嵌入了一个windows media player播放器,并且该播放器在循环播放/sound/alarm.wav,如果禁用掉windows的windows media player服务,打开页面后既没有嵌入的播放器,也听不到声音
用ie的控制台看到:
用google打开效果完全不同,也是嵌入了一个播放器,但是不知道是什么播放器,并且loop=-1的设置失效了,声音并不会循环,只会响一次
用google的控制台看到:
ff就比较给力了,应该是没有默认的媒体播放插件,直接提示我需要安装一个插件来显示此内容,点了下搜索,提示有一个apple的QuickTime可以安装,安装下看看效果,什么都没有,空白一片
查看控制台显示的和ie差不多:
看来如果使用embed标签来播放声音,本质上还是通过在浏览器中嵌入一个播放器插件来播放声音,但是不同的浏览器实现好像差别还挺大的,这个要特别注意
相关文章推荐
- 页面声音播放(HTML5 embed标签)
- html5 audio标签在ios 微信内置浏览器中页面加载完成后自动播放声音
- embed标签在页面加载的时候动态的改变src的值,可播放的
- embed标签的使用(在网页中播放各种音频视频的插件的使用)
- embed标签动态改变Src的值,局部刷新播放其他视频的javascript方法
- 在使用html5的video标签播放视频时为何只有声音却没有图像
- H5页面实现一个Audio标签加载多个音频文件,并进行播放和展示音频长度
- 有了HTML5,我们无需再使用embed标签播放音乐或者视频了
- HTML4的embed标签禁止自动播放的方法。
- iis配置站点,页面中的video 视频标签加载的视频无法播放或者无法加载的解决方法
- HTML5 video标签播放本地视频只有声音没有图像 解决办法
- IE8下播放音频,使用embed标签从数据库动态加载src
- Android WebView页面结束后视频播放还有声音问题
- flex手机项目嵌套html页面和html页面播放声音文件
- 微信端开发H5页面的时候,audio标签在苹果机上无法进行自动播放
- UIWebView播放一段内嵌在HTML中的视频,退出页面后,声音继续播放
- embed标签的使用(在网页中播放各种音频视频的插件的使用)
- SoundManager 2 实现web页面中嵌入声音播放
- FireFox不支持bgsound 和embed标签下音乐播放解决方案
- HTML5 video标签有声音有播放但看不到图像的问题解决