web页面中嵌入window media player,支持IE和Chrome
1.代码
使用<object> <embed></embed></object>,
其中<object>是供IE使用的,IE会忽略<embed>标签,IE使用ActiveX技术调用window media player
而<embed>是供Chrome使用的,Chrome通过<embed>标签调用插件.
标签的一些参数值,只关注了 <param name="AutoStart" value="1">,是自动播放的,
还有,<param name="url" value="111.wav" >表示要播放的文件,这些可以在js中动态设置,
?
比如:
? ? player = document.getElementById("wmp"); //针对<embed>标签,获取播放器对象
player.URL = url;//设置需要播放的媒体文件地址,这个URL必须大写,和<embed>标签的src属性等价的,动态设置了src属性
player.controls.play(); //播放,相当于点击界面上的播放按钮
另,
uiMode这个是设置播放器外观的,可以设置为full,mini,none等,具体的可搜索msdn
http://msdn.microsoft.com/en-us/library/windows/desktop/dd564089(v=vs.85).aspx
其他属性也可在这个页面上找到:
http://msdn.microsoft.com/en-us/library/windows/desktop/dd564034(v=vs.85).aspx
?
?
详细代码如下:
?
?
2. Chrome安装插件
? ?首先下载附件中的插件,然后然下面方法安装.
? ?(1) In Chrome, select the Chrome menu/tools/extensions.
?
? ?(2) Drag&Drop the extension file(wmpChrome.crx) on the extensions page. Chrome will ask you to install the extension.
? ?
? ?安装完成后,打开Chrome,地址栏输入: chrome://plugins/,打开的页面,点击右上角的"详细信息"
? ?可看到Window Media Player插件信息如下:
? ?
?? ?Chrome地址栏输入: chrome://extensions/ 可看到,安装的Window Media Player扩展如下图:
? ?
??参考:?
?1. http://www.interoperabilitybridges.com/wmp-extension-for-chrome 这里也可以下载那2-(1)中所说的插件
?2. http://www.interoperabilitybridges.com/windows-media-player-firefox-plugin-download ?这个纯属参考,没用到里面的东西
?
附:
web中嵌入vlc(视频播放)插件代码写法备忘
?
