备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

w3c标准的网页内嵌播放器代码

2017-04-03 925
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Windows Media Player

代码:

<object id="PlayerEx2" classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="320" height="217">
<param name="autoStart" value="true" />
<param name="URL" value="windowsmedia.wmv" />
<embed autostart="true" src="windowsmedia.wmv" type="video/x-ms-wmv" width="320" height="217" controls="ImageWindow" console="cons"> </embed>
</object>

RealPlayer
代码:

<object id="RVOCX" classid="CLSID:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="320" height="172">
 <param name="SRC" value="realmedia.rm">
 <param name="CONTROLS" value="ImageWindow">
 <param name="CONSOLE" value="cons">
 <embed autostart="true" src="realmedia.rm" type="audio/x-pn-realaudio-plugin" width="320" height="172" controls="ImageWindow" console="cons"> </embed>
 <param name="autostart" value="true">
</object>
</p>
<p>
 <object id=RVOCX classid="CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA" width="320" height="30" >
   <param name="SRC" value="realmedia.rm">
   <param name="CONTROLS" value="ControlPanel">
   <param name="CONSOLE" value="cons">
   <embed src="realmedia.rm" type="audio/x-pn-realaudio-plugin" width="320" height="30" controls="ControlPanel" console="cons" > </embed>
 </object>

演示一下，在IE中可以看到两个播放器，在Firefox中只有一个。


下面是常用的非W3C标准的代码.
视频里的全屏播放功能实现


   <param name="rate" value="1">
   <param name="balance" value="0">
   <param name="currentPosition" value="0">
   <param name="defaultFrame" value>
   <param name="playCount" value="1">
   <param name="autoStart" value="-1">
   <param name="currentMarker" value="0">
   <param name="invokeURLs" value="-1">
   <param name="baseURL" value>
   <param name="volume" value="50">
   <param name="mute" value="0">
   <param name="uiMode" value="full">
   <param name="stretchToFit" value="0">
   <param name="windowlessVideo" value="0">
   <param name="enabled" value="-1">
   <param name="enableContextMenu" value="-1">
   <param name="fullScreen" value="0">
   <param name="SAMIStyle" value>
   <param name="SAMILang" value>
   <param name="SAMIFilename" value>
   <param name="captioningID" value>
   <param name="enableErrorDialogs" value="0">
   <param name="_cx" value="6482">
   <param name="_cy" value="6350">
 </object>
</p>
<input type=button value=mute onclick=phx.settings.mute=phx.settings.mute==true?false:true;time.innerText=phx.settings.mute==true?'静音':'关闭静音';>
<input type=button value=play onclick=phx.controls.play();time.innerText='播放';>
<input type=button value=pause onclick=phx.controls.pause();time.innerText='暂停';>
<input type=button value=stop onclick=phx.controls.stop();time.innerText='停止';>
<input type=button value=mode onclick=phx.settings.balance=phx.settings.balance=='100'?'-100':'100';time.innerText=phx.settings.balance=='100'?'右声道':'左声道';>
<input type=button value=vol++ onclick=volup();>
<input type=button value=vol-- onclick=voldown();>
<input type=button value=fullscreen onclick="if(phx.playState==3)phx.fullscreen=1;">
<br>
<div id="time" style="background:#f2f3f7;width:245">正在加载媒体。。。</div>
<table id=bar style="width:245;height:10px;border:1px black solid;">
 <tr> 
   <td id=itcn bgcolor=#f70968 style="width:0"></td>
   <td id=bar2 style="width:245"></td>
 </tr>
</table>


1.avi格式 

<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="ShowDisplay" value="0">
<param name="ShowControls" value="1">
<param name="AutoStart" value="1">
<param name="AutoRewind" value="0">
<param name="PlayCount" value="0">
<param name="Appearance value="0 value=""">
<param name="BorderStyle value="0 value=""">
<param name="MovieWindowHeight" value="240">
<param name="MovieWindowWidth" value="320">
<param name="FileName" value="file:///D|/work/vod/Mbar.avi">
<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="file:///D|/work/vod/Mbar.avi" src="Mbar.avi">
</embed> 
</object>

2.mpg格式 

<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239" height="250">
<param name="Appearance" value="0">
<param name="AutoStart" value="-1">
<param name="AllowChangeDisplayMode" value="-1">
<param name="AllowHideDisplay" value="0">
<param name="AllowHideControls" value="-1">
<param name="AutoRewind" value="-1">
<param name="Balance" value="0">
<param name="CurrentPosition" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableSelectionControls" value="0">
<param name="EnableTracker" value="-1">
<param name="Filename" value="../../../mpeg/halali.mpg" valuetype="ref">
<param name="FullScreenMode" value="0">
<param name="MovieWindowSize" value="0">
<param name="PlayCount" value="1">
<param name="Rate" value="1">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="ShowControls" value="-1">
<param name="ShowDisplay" value="-1">
<param name="ShowPositionControls" value="0">
<param name="ShowTracker" value="-1">
<param name="Volume" value="-480">
</object>


3.rm格式 

<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=288 WIDTH=352>

<param name="_ExtentX" value="9313">
<param name="_ExtentY" value="7620">
<param name="AUTOSTART" value="0">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="SRC" value="rtsp://203.207.131.35/vod/dawan-a.rm";>
<param name="CONTROLS" value="ImageWindow">
<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="#000000"><embed SRC type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="288" WIDTH="352" AUTOSTART="false">

</OBJECT>

4.wmv格式

<object id="NSPlay" width=200 height=180 classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase=" http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" align="right" hspace="5">
<!-- ASX File Name -->
<param name="AutoRewind" value=1>
<param name="FileName" value="xxxxxx.wmv">
<!-- Display Controls -->

<param name="ShowControls" value="1">
<!-- Display Position Controls -->

<param name="ShowPositionControls" value="0">
<!-- Display Audio Controls -->

<param name="ShowAudioControls" value="1">
<!-- Display Tracker Controls -->

<param name="ShowTracker" value="0">
<!-- Show Display -->

<param name="ShowDisplay" value="0">
<!-- Display Status Bar -->

<param name="ShowStatusBar" value="0">
<!-- Diplay Go To Bar -->

<param name="ShowGotoBar" value="0">
<!-- Display Controls -->

<param name="ShowCaptioning" value="0">
<!-- Player Autostart -->

<param name="AutoStart" value=1>
<!-- Animation at Start -->

<param name="Volume" value="-2500">
<param name="AnimationAtStart" value="0">
<!-- Transparent at Start -->

<param name="TransparentAtStart" value="0">
<!-- Do not allow a change in display size -->

<param name="AllowChangeDisplaySize" value="0">
<!-- Do not allow scanning -->

<param name="AllowScan" value="0">
<!-- Do not show contect menu on right mouse click -->

<param name="EnableContextMenu" value="0">
<!-- Do not allow playback toggling on mouse click -->
<param name="ClickToPlay" value="0">
</object>

最简单的播放代码

<embed src=" http://wmt2.aboutmedia.com.tw/Aboutmedia/warner/mtv/naying-021011_01v_120k.wmv";; 
autostart="true" loop="true" width="200" height="150" > 
把这个网址 http://wmt2.aboutmedia.com.tw/Aboutmedia/warner/mtv/naying-021011_01v_120k.wmv换成你要看的电影就行了


有图像的rm格式：

<OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=288 id=video1 width=305 VIEWASTEXT>
<param name=_ExtentX value=5503>
<param name=_ExtentY value=1588>
<param name=AUTOSTART value=-1>
<param name=SHUFFLE value=0>
<param name=PREFETCH value=0>
<param name=NOLABELS value=0>
<param name=SRC value=http://media.cdut.edu.cn/ram/new/xiaoxin1.ram>
<param name=CONTROLS value=Imagewindow,StatusBar,ControlPanel>
<param name=CONSOLE value=RAPLAYER>
<param name=LOOP value=0>
<param name=NUMLOOP value=0>
<param name=CENTER value=0>
<param name=MAINTAINASPECT value=0>
<param name=BACKGROUNDCOLOR value=#000000>
</OBJECT>

无图像的rm格式：如相声，歌曲。。。

<object ID=video2 WIDTH=300 HEIGHT=62 CLASSID=CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA>
<param name=_ExtentX value=9657>
<param name=_ExtentY value=847>
<param name=AUTOSTART value=-1>
<param name=SHUFFLE value=0>
<param name=PREFETCH value=0>
<param name=NOLABELS value=0>
<param name=SRC value=http://210.242.69.206/ramgen/broadcast/BCC/encoder/hipop.rm>
<param name=CONTROLS value=StatusBar,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=#000000>
</object>
最简单的media格式的播放器。。自动识别有无图像，但是版本是你机器的！
<embed src=mms://61.175.132.221/tv/mtv/f4/makeawish.wmv width=200 height=200 autostart=true loop=true></embed>
有图像的media播放器，自动调用网上的插件。
<object id=nstv classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 width=280 height=265 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject>
<param name=URL value=http://202.99.11.42/xiangsheng/ymjr.wma>
<PARAM NAME=UIMode value=full><PARAM NAME=AutoStart value=true>
<PARAM NAME=Enabled value=true>
<PARAM NAME=enableContextMenu value=false>
<param name=WindowlessVideo value=true></object>
无图像的media播放器。。。同上。
<object id=nstv classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 width=280 height=60 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject>
<param name=URL value=http://202.99.11.42/xiangsheng/ymjr.wma>
<PARAM NAME=UIMode value=full><PARAM NAME=AutoStart value=true>
<PARAM NAME=Enabled value=true>
<PARAM NAME=enableContextMenu value=false>
</object>
只是界面不同的media的调插件播放器。。建议不用这个，，你可以看！
<embed src=http://av.wanwa.com/fileroot/AV/Ramfiles/23809.ram type=audio/x-pn-realaudio-plugin console=Clip1 controls=ControlPanel,StatusBar height=60 width=275 autostart=true></embed>


在线播放r m格式视频代码：

<object id="player" name="player" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="400" height="272">
<param name="_ExtentX" value="18415">
<param name="_ExtentY" value="9102">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value=" http://www.xiaoqiong.com/ftp/up/bz.rm">
<param name="CONTROLS" value="Imagewindow">
<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="#000000">
</object><br>
<object ID="RP2" CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" WIDTH="400" HEIGHT="57">
<param name="_ExtentX" value="18415">
<param name="_ExtentY" value="1005">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value=" http://www.xiaoqiong.com/ftp/up/bz.rm">
<PARAM NAME="CONTROLS" VALUE="ControlPanel,StatusBar">
<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="#000000">
</object>
分类:  Javascript

本文转自快乐就好博客园博客，原文链接：http://www.cnblogs.com/happyday56/archive/2007/11/02/946326.html，如需转载请自行联系原作者
文章标签：
JavaScript
前端开发
Web App开发
关键词：
w3c标准
w3c网页
老先生二号
目录
相关文章
北阙青云
|
Web App开发 安全 API
W3C批准WebAuth作为无密码登录的Web标准
World Wide Web Consortium (W3C) 宣布 Web Authentication API (WebAuthn) 成为正式的 Web 标准。
北阙青云
1687 0
华蒙
|
新零售 Web App开发 UED
让小语种用户上网更轻松 阿里助力W3C扩展Web标准
阿里巴巴作为首批官方赞助商以及中国第一家参与机构，为Web技术的国际标准组织——万维网联盟（World Wide Web Consortium，业界简称W3C）国际化标准活动计划，注入了资金支持，将通过开发需求文档，分析差距，扩展HTML，CSS及SVG等标准技术，实现Web对小语种文字的正确呈现。
华蒙
2019 0
老朱教授
|
JavaScript 前端开发 数据格式
关于XHTML 以及 如何让网站通过W3C 标准
老朱教授
1083 0
技术小牛人
|
Web App开发 JavaScript 容器
网页中嵌入 Flash 的方法 满足W3C
技术小牛人
970 0
文艺小青年
|
Web App开发 JavaScript
符合W3C标准布局的js对联跟随广告
文艺小青年
1312 0
技术小牛人
|
JavaScript 前端开发
符合W3C标准的target=_blank形式
技术小牛人
1012 0
boxti
|
Web App开发 数据安全/隐私保护
W3C准备将DRM定为Web标准
boxti
1048 0
寒凝雪
|
Web App开发 数据安全/隐私保护
W3C 准备将 DRM 定为 Web 标准
寒凝雪
1382 0
华章计算机
|
Web App开发 JavaScript 前端开发
《Python爬虫开发与项目实战》——第2章 Web前端基础 2.1　W3C标准
华章计算机
2677 0
水车306
|
Web App开发 JavaScript
W3C对DOM2.0定义的标准事件
DOM2.0模型将事件处理流程分为三个阶段： 　　一、事件捕获阶段， 　　二、事件目标阶段， 　　三、事件起泡阶段。 具体如图（图片来源于网络，侵删） 事件捕获：当某个元素触发某个事件（如onclick），顶层对象document就会发出一个事件流，随着DOM树的节点向目标元素节点流去，直到到达事件真正发生的目标元素。
水车306
957 0

热门文章

最新文章

  • 1
    疑犯追踪第一季/全集Person Of Interest迅雷下载
  • 2
    中国唯一 ！阿里巴巴连任W3C董事会成员
  • 3
    【直播系列之一】1篇文章看懂峰值带宽、流量、转码、连麦、截图五大直播计费方式
  • 4
    理解事务的4种隔离级别
  • 5
    阿里云网站域名备案流程全过程讲解(图文)
  • 6
    java.lang.NoClassDefFoundError: org/w3c/dom/ElementTraversal
  • 7
    W3C Document 与Jsoup Document之间对象互转
  • 8
    《Python爬虫开发与项目实战》——第2章 Web前端基础 2.1　W3C标准
  • 9
    W3C近期要闻：W3C重点报告发布，综述2018年发展路线图
  • 10
    让小语种用户上网更轻松 阿里助力W3C扩展Web标准
  • 1
    selenium.common.exceptions.InvalidElementStateException: Message: Unable to perform W3C actions.
    32
  • 2
    对WEB标准以及W3C的理解与认识
    53
  • 3
    理解web标准、w3c规范
    334
  • 4
    Web 标准 & W3C 规范
    76
  • 5
    重学前端 42 # 用代码挖掘W3C中的CSS属性
    120
  • 6
    W3C推荐的新布局模式 【CSS Flex布局】详解
    210
  • 7
    W3C发布CSS ANIMATION WORKLET API的草案
    178
  • 8
    CSS W3C 统一验证工具
    223
  • 9
    W3C 发布 WebAssembly 2.0 工作草案
    160
  • 10
    W3C近期要闻：W3C重点报告发布，综述2018年发展路线图
    2275

    • 相关电子书

    更多
  • 函数计算最佳实践：快速开发一个分布式 Puppeteer 网页截图服务
  • Flash Player最新安全特性分析 及绕过思路
  • Flash Player最新安全特性分析及绕过思路

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）