web页面中嵌入window media player,支持IE和Chrome

1.代码

使用 ,

其中是供IE使用的,IE会忽略标签,IE使用ActiveX技术调用window media player

是供Chrome使用的,Chrome通过标签调用插件.

标签的一些参数值,只关注了 ,是自动播放的,

还有,表示要播放的文件,这些可以在js中动态设置,

 

比如:

    player = document.getElementById("wmp"); //针对标签,获取播放器对象

player.URL = url;//设置需要播放的媒体文件地址,这个URL必须大写,和标签的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插件信息如下:

   
web页面中嵌入window media player,支持IE和Chrome_第1张图片
 

   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(视频播放)插件代码写法备忘

   
		        

 

你可能感兴趣的:(Web前端)