视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
常见html网页播放器代码
2020-11-27 15:33:57 责编:小采
文档


我们在网页上看到的播放器无外乎WMP/RealPlayer/Flash Player,其他的无非是面板不同,或者添加了其他控件,对于计算机上安装的一些播放器也都是编码和解码器的整合,其最核心的编码和解码技术是相同的。例如:网络上最流行的windows media流(asf,wma,wmv 格式),Real流(rm,rmvb格式),还有MPEG系列编码格式(MP4,MP3格式)。

1、使用Embed 标签播放多媒体文件


  格式<embed src="文件名"/>。其中文件名可以取任何一种多媒体文件格式,例如 "test.wma",就会在网页上显示一个 Windows Media Player 播放器(因为 wma 是 WMP 专用的),另如 "test.rm",就会在网页上显示一个 Real Player 播放器。当然,你的计算机上必须安装了 RealPlayer 才可以显示。
其实 embed 标签还可以显示 Flash 动画(这时embed 标签的作用跟用 object 标签显示 Flash 动画的差不多),例子: <embed src="a.swf">
总之,归纳 embed 标签的作用: 在网页上播放指定的多媒体文件。


2、调用Windows Media Player 进行播放


  可用来来播放 wmv,asf 等格式文件

<object classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" type="application/x-oleobject" height="200" width="300"> 
<param name="filename" value="test.wmv" /> 
<param name="autostart" value="false" /> 
<param name="showstatusbar" value="true" /> 
<param name="showtracker" value="true" /> 
<param name="showcontrols" value="true" /> 
<embed filename="test.wmv" autostart="false" pluginspage="http://www.microsoft.com/windows/windowsmedia/" showcontrols="true" showstatusbar="true" showtracker="true" src="test.wmv" type="application/x-mplayer2" height="200" width="300"></embed> 
</object>

Windows Media Player 7 及更高版本的 class ID 是:clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6
上面例子中的 class ID 是一个老的版本,但是依然可以工作,这是因为其向后兼容性。但是如果使用了老的 class ID,就无法使用增加到组件中的新特性了。
下面给出新版本的例子

<object classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" type="application/x-oleobject" height="200" width="300"> 
<param name="url" value="test.wmv" /> 
<param name="autostart" value="false" /> 
<param name="showstatusbar" value="true" /> 
<param name="showtracker" value="true" /> 
<param name="showcontrols" value="true" /> 
<param name="uimode" value="full"/> 
<embed filename="test.wmv" autostart="false" showcontrols="true" showstatusbar="true" showtracker="true" uimode="full" src="test.wmv" type="application/x-mplayer2" height="200" width="300"></embed> 
</object>

3、调用Real Player 进行播放


  可用来播放 rm,ram 等格式文件

播放框:

<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=285 id=RAOCX name=rmplay width=356> 
<param name="SRC" value="影片地址"> 
<param name="CONSOLE" value="Clip1"> 
<param name="CONTROLS" value="imagewindow"> 
<param name="AUTOSTART" value="true"> 
<embed src="影片地址" autostart="true" controls="ImageWindow" console="Clip1" pluginspage="http://www.real.com"/’ width="356" height="285"> 
</embed> 
</object>

控制框:可紧跟播放框一起

<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=27 id=video1 width=356> 
<param name="_ExtentX" value="7276"> 
<param name="_ExtentY" value="1058"> 
<param name="AUTOSTART" value="0"> 
<param name="SHUFFLE" value="0"> 
<param name="PREFETCH" value="0"> 
<param name="NOLABELS" value="0"> 
<param name="CONTROLS" value="ControlPanel"> 
<param name="CONSOLE" value="Clip1"> 
<param name="LOOP" value="0"> 
<param name="NUMLOOP" value="0"> 
<param name="CENTER" value="0"> 
<param name="MAINTAINASPECT" value="0"> 
<param name="BACKGROUNDCOLOR" value="#ffffff"> 
<embed type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel" height="27" width="356" autostart="0" _extentx="7276" _extenty="1058" shuffle="0" prefetch="0" nolabels="0" loop="0" numloop="0" center="0" maintainaspect="0" backgroundcolor="#ffffff"> 
</embed> 
</object>

下载本文
显示全文
专题