几个老式播放器的嵌入代码

所属分类: HTML/Xhtml / 网页制作 阅读数: 863
收藏 0 赞 0 分享

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


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 等格式文件
 

XML/HTML Code复制内容到剪贴板
  1. <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">  
  2. <param name="filename" value="test.wmv" />  
  3. <param name="autostart" value="false" />  
  4. <param name="showstatusbar" value="true" />  
  5. <param name="showtracker" value="true" />  
  6. <param name="showcontrols" value="true" />  
  7. <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>  
  8. </object>  

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

CSS Code复制内容到剪贴板
  1. <object classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" type="application/x-oleobject" height="200" width="300">   
  2. <param name="url" value="test.wmv" />   
  3. <param name="autostart" value="false" />   
  4. <param name="showstatusbar" value="true" />   
  5. <param name="showtracker" value="true" />   
  6. <param name="showcontrols" value="true" />   
  7. <param name="uimode" value="full"/>   
  8. <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>   
  9. </object>  


3、调用Real Player 进行播放
  可用来播放 rm,ram 等格式文件

播放框:

XML/HTML Code复制内容到剪贴板
  1. <object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=285 id=RAOCX name=rmplay width=356>  
  2. <param name="SRC" value="影片地址">  
  3. <param name="CONSOLE" value="Clip1">  
  4. <param name="CONTROLS" value="imagewindow">  
  5. <param name="AUTOSTART" value="true">  
  6. <embed src="影片地址" autostart="true" controls="ImageWindow" console="Clip1" pluginspage="http://www.real.com"/’ width="356" height="285">  
  7. </embed>  
  8. </object>  

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

CSS Code复制内容到剪贴板
  1. <object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=27 id=video1 width=356>   
  2. <param name="_ExtentX" value="7276">   
  3. <param name="_ExtentY" value="1058">   
  4. <param name="AUTOSTART" value="0">   
  5. <param name="SHUFFLE" value="0">   
  6. <param name="PREFETCH" value="0">   
  7. <param name="NOLABELS" value="0">   
  8. <param name="CONTROLS" value="ControlPanel">   
  9. <param name="CONSOLE" value="Clip1">   
  10. <param name="LOOP" value="0">   
  11. <param name="NUMLOOP" value="0">   
  12. <param name="CENTER" value="0">   
  13. <param name="MAINTAINASPECT" value="0">   
  14. <param name="BACKGROUNDCOLOR" value="#ffffff">   
  15. <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">   
  16. </embed>   
  17. </object>  
更多精彩内容其他人还在看

在html中添加script脚本的2种方法和注意事项

在html中添加<script>脚本的方法: 1、可以直接将javascript代码添加到html中 复制代码代码如下: <script type="text/javascript"> //javascritp代码 </script> 当解释器... 查看详情
收藏 0 赞 0 分享

html中的javascript 全选/取消全选操作示例代码

复制代码代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</titl... 查看详情
收藏 0 赞 0 分享

html让局部强制出现滚动条不破坏整体的样式和布局

先贴出效果图:  局部出现滚动条,这样就不会破坏整体的样式和布局了. 范例代码: 复制代码代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; cha... 查看详情
收藏 0 赞 0 分享

html的基本使用包括链接、样式表、span和div等等

一、链接 在HTML中超文本的链接非常重要,基本格式如下: <A HREF="资源地址">链接文字</A> 1、本地链接 ①绝对路劲: <A HREF="C:\images\article.jpg">绝对... 查看详情
收藏 0 赞 0 分享

关于html标签自定义属性的问题

之前开发都是老老实实的用html默认的属性,如class,name等。跳槽到了华为的外包,做一个商城的系统,用开源框架做的。在编码的时候遇到了以下的情况,在标签里面有很多自定义标签。复制代码代码如下:<img msrc="<s:property value='#pro... 查看详情
收藏 0 赞 0 分享

a标签href属性和onclick事件的比较介绍

首先说一下, href属性 和 onclick事件 的执行顺序,当鼠标点击a标签的时候会先执行 onclick事件, 然后才是 href 属性下的动作(页面跳转,或 javascript 伪链接),如果不想执行href 属性下的动作执行,onclick 需要要返回 false ,... 查看详情
收藏 0 赞 0 分享

定义内联元素span的最小高度问题

制作html网页经常会使用到span这个标签,但有些朋友对这个标签很多朋友用不好,似乎觉得它又很好用,但有用起来又很麻烦,尤其是需要给它定义宽度和高度的时候。曾经有朋友问:为什么给用css给span定义高度和宽度后,它的宽度和高度仍然没有变化,好像失效了一样?其实这个问题很简单&... 查看详情
收藏 0 赞 0 分享

html页面实现过两秒跳转至其他页面的方法

复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><... 查看详情
收藏 0 赞 0 分享

a标签的target指向iframe的name和id的区别

复制代码代码如下: <iframe id="myFrameId" name="myFrameName" scrolling="no" frameborder="0" style="width:200px; height:150px; "></iframe>... 查看详情
收藏 0 赞 0 分享

iframe的各项参数整理附说明及使用示例

<iframe src=”test.jsp” width=”100″ height=”50″ frameborder=”no” border=”0″ ma... 查看详情
收藏 0 赞 0 分享
查看更多