页面声音播放(HTML5 embed标签)
2012-12-13 10:58
302 查看
<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 audio标签在ios 微信内置浏览器中页面加载完成后自动播放声音
- 页面声音播放(embed标签)
- embed标签在页面加载的时候动态的改变src的值,可播放的
- 在使用html5的video标签播放视频时为何只有声音却没有图像
- HTML5 video标签有声音有播放但看不到图像的问题解决
- 有了HTML5,我们无需再使用embed标签播放音乐或者视频了
- HTML5 IE9+ audio标签播放声音
- HTML5的video标签,视频在网页播放没有画面只有声音,支持的格式,MP4,
- audio.js – 随时随地,播放 HTML5 的声音
- Html5-audio标签简介及手机端不自动播放问题
- 高版本opera浏览器(12.02左右)embed标签无法自动播放
- 微信端开发H5页面的时候,audio标签在苹果机上无法进行自动播放
- html5 video 监听播放结束. 最好获取html标签而不是id。
- ios vue2.0使用html5中的audio标签不能播放音乐
- UIWebView播放一段内嵌在HTML中的视频,退出页面后,声音继续播放
- HTML5 VIDEO标签播放事件流水
- HTML5 embed 标签使用方法介绍
- CEF3 HTML5 audio标签为什么不能播放mp3格式的音频文件
- webkit移动开发笔记:html5中video与audio标签之无法自动播放的audio元素
- html5 video标签不能播放mp4的问题