有5种方法
1.最通用的标签是:
<embed src="文件名">
其中文件名可以取任何一种多媒体文件格式,例如 "a.wma",就会在网页上显示一个 Windows Media Player 播放器(因为 wma 是 WMP 专用的),另如 "a.rm",就会在网页上显示一个 Real Player 播放器——当然,你的计算机上必须安装了 RealPlayer 才可以显示。
其实 embed 标签还可以显示 Flash 动画(这时embed 标签的作用跟用 object 标签显示 Flash 动画的差不多),例子: <embed src="a.swf">
总之,归纳 embed 标签的作用: 在网页上播放指定的多媒体文件
2.网页播放的视频代码
第一种是通过调用window media player进行播放诸如:wmv,asf等格式文件:

Html代码 复制代码
  1. <object align=middle class=OBJECT classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 height=320 id=MediaPlayer width=356>
  2. <param name="ShowStatusBar" value="-1">
  3. <param name="Filename" value="电影地址">
  4. <embed type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp src=电影地址 width=356 height=320>
  5. </embed>
  6. </object>
<object align=middle class=OBJECT classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 height=320 id=MediaPlayer width=356>
<param name="ShowStatusBar" value="-1">
<param name="Filename" value="电影地址">
<embed type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp src=电影地址 width=356 height=320>
</embed>
</object>

第二种是通过调用replayer进行播放诸如:rm,ram等格式文件

播放框:

Html代码 复制代码
  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"/’ target="_blank" >http://www.real.com"; width="356" height="285">
  7. </embed>
  8. </object>
<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"/’ target="_blank" >http://www.real.com"; width="356" height="285">
</embed>
</object>

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

Html代码 复制代码
  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>
<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>

如何实现多媒体在线播放的功能
解决思路:
不同的媒体文件,都必须用相应的播放器播放,所以不同的媒体文件在线播放的代码也是不一样的。
具体步骤:
1.用RealPlay或RealOne播放的代码:

Html代码 复制代码
  1. <OBJECT classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" height="265" width="500">
  2. <PARAM NAME="_ExtentX" VALUE="10372">
  3. <PARAM NAME="_ExtentY" VALUE="6456">
  4. <PARAM NAME="SRC" VALUE="demo.rm">
  5. <PARAM NAME="AUTOSTART" VALUE="-1">
  6. <PARAM NAME="SHUFFLE" VALUE="0">
  7. <PARAM NAME="PREFETCH" VALUE="0">
  8. <PARAM NAME="NOLABELS" VALUE="0">
  9. <PARAM NAME="CONTROLS" VALUE="IMAGEWINDOW">
  10. <PARAM NAME="CONSOLE" VALUE="Clip528211525">
  11. <PARAM NAME="LOOP" VALUE="0">
  12. <PARAM NAME="NUMLOOP" VALUE="0">
  13. <PARAM NAME="CENTER" VALUE="0">
  14. <PARAM NAME="MAINTAINASPECT" VALUE="0">
  15. <PARAM NAME="BACKGROUNDCOLOR" VALUE="#000000">
  16. <embed _extentx="10372" _extenty="6456" autostart="0" src="" shuffle="0" prefetch="0" nolabels="0" controls="IMAGEWINDOW" console="Clip528211525" loop="0" numloop="0" center="0" maintainaspect="0" backgroundcolor="#000000">
  17. </embed>
  18. </OBJECT>
<OBJECT classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" height="265" width="500">
<PARAM NAME="_ExtentX" VALUE="10372">
<PARAM NAME="_ExtentY" VALUE="6456">
<PARAM NAME="SRC" VALUE="demo.rm">
<PARAM NAME="AUTOSTART" VALUE="-1">
<PARAM NAME="SHUFFLE" VALUE="0">
<PARAM NAME="PREFETCH" VALUE="0">
<PARAM NAME="NOLABELS" VALUE="0">
<PARAM NAME="CONTROLS" VALUE="IMAGEWINDOW">
<PARAM NAME="CONSOLE" VALUE="Clip528211525">
<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 _extentx="10372" _extenty="6456" autostart="0" src="" shuffle="0" prefetch="0" nolabels="0" controls="IMAGEWINDOW" console="Clip528211525" loop="0" numloop="0" center="0" maintainaspect="0" backgroundcolor="#000000">
</embed>
</OBJECT>

运行效果:

图1.8.5 网页中调用RealOne播放器

要知道更多更详细的属性及控制方法,请参考:
http://service.real.com/help/library/guides/extend/embed.htm

2.用Windows Media Player。

Html代码 复制代码
  1. <object align="middle" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
  2. id="MediaPlayer" width="500" height="350">
  3. <param name="ShowStatusBar" value="-1">
  4. <param name="Filename" value="demo.asf">
  5. <embed type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" flename="mp" src="demo.asf" width=500 height=300></embed>
  6. </object>
<object align="middle" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
id="MediaPlayer" width="500" height="350">
<param name="ShowStatusBar" value="-1">
<param name="Filename" value="demo.asf">
<embed type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" flename="mp" src="demo.asf" width=500 height=300></embed>
</object>

运行效果:

图1.8.6网页中调用Media Player

要了解更多关于网页中的Media Player,请参考:
http://msdn.microsoft.com/library/en-us/dnwmt/html/adding_windows_media_to_web_pages__etse.asp?frame=true
http://msdn.microsoft.com/library/en-us/dnwmt/html/webdevtech.asp?frame=true

3. 用QuickTime播放。

Html代码 复制代码
  1. <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0" width="500" height="350" align="middle">
  2. <param name="src" value="sample.mov">
  3. <param name="autoplay" value="true">
  4. <embed src="sample.mov" autoplay="true" width="500" height="350" align="middle" bgcolor="black" pluginspage="http://www.apple.com/quicktime/download/"></embed>
  5. </object>
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0" width="500" height="350" align="middle">
<param name="src" value="sample.mov">
<param name="autoplay" value="true">
<embed src="sample.mov" autoplay="true" width="500" height="350" align="middle" bgcolor="black" pluginspage="http://www.apple.com/quicktime/download/"></embed>
</object>

代码运行效果:

图1.8.7 网页中调用QuickTime播放器

要知道更高级的用法及控制方法,请参考:
http://developer.apple.com/quicktime/quicktimeintro/tools/embed.html
http://developer.apple.com/quicktime/quicktimeintro/tools/embed2.html
http://developer.apple.com/internet/ieembedprep.html
http://developer.apple.com/quicktime/compatibility.html
http://developer.apple.com/documentation/QuickTime/QT6WhatsNew/Chap1/chapter_1_section_55.html

4.Shockwave。

Html代码 复制代码
  1. <object classid="clsid:166B1BCA-3F9C-11CF-8075-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=7,0,2,0" width="500" height="350">
  2. <param name="src" value="demo.swf">
  3. <embed src="demo.swf" pluginspage="http://www.macromedia.com/shockwave/download/" width="500" height="350"></embed>
  4. </object>
  5. 或者
  6. <object type="application/x-shockwave-flash"
  7. width="500" height="350" />
  8. <param name="movie" value="demo.swf" />
  9. </object>
<object classid="clsid:166B1BCA-3F9C-11CF-8075-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=7,0,2,0" width="500" height="350">
<param name="src" value="demo.swf">
<embed src="demo.swf" pluginspage="http://www.macromedia.com/shockwave/download/" width="500" height="350"></embed>
</object>
或者
<object type="application/x-shockwave-flash"
width="500" height="350" />
<param name="movie" value="demo.swf" />
</object>

代码运行效果:

图1.8.8 网页中调用Shockwave播放器

参考资料:
http://www.macromedia.com/devnet/mx/dreamweaver/articles/flash_satay.html
http://www.macromedia.com/devnet/activecontent/articles/devletter.html
http://www.macromedia.com/support/flash/ts/documents/java_script_comm.htm
http://www.macromedia.com/support/director/ts/documents/sw1parameter.htm
http://www.macromedia.com/support/director/internet/shockmachine_for_d8/shockmachine_for_d809.html

5.Flash。

Html代码 复制代码
  1. <OBJECT codeBase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="500"
  2. height="350">
  3. <PARAM NAME="movie" VALUE="demo.swf">
  4. <PARAM NAME="play" VALUE="false">
  5. <PARAM NAME="quality" VALUE="high">
  6. <embed src="demo.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="500" height="350"></embed>
  7. </OBJECT>

网页播放视频解决代码(来自百度知道)相关推荐

  1. 某盘视频网页播放视频修改播放速度代码

    某网盘视频网页播放控制速度代码 F12打开开发者模式,点击console,粘上下面的代码按回车 videojs.getPlayers("video-player").html5pl ...

  2. 展示一下基于flask框架的网页播放器的代码

    <p>下面是基于Flask框架的网页播放器的代码:from flask import Flaskapp = Flask(<strong>name</strong>) ...

  3. 网页播放视频有声音无图像问题的临时解决办法

    问题:网上查阅了很多资料,都没有解决我遇到的问题.我的临时解决办法 可以观看 瞬间黑屏一下然后正常播放后再启用(屏幕切换闪) 我的解决办法:(发现是独立显卡的问题,集成显卡又无法正常设置分辨率)计算机 ...

  4. ubunntu系统网页无法播放视频解决办法

    新装的ubuntu18.04大概是没有安装视频解码 终端输入指令: sudo apt-get install ffmpeg 第二步安装flash sudo apt-get install flashp ...

  5. ubuntu 火狐浏览器无flash无法播放视频解决办法简单

    1.ctrl+alt+t 打开终端 2.输入以下代码 回车(ubuntu右键复制鼠标滚轮粘贴) sudo apt install flashplugin-installer 3.输入以下代码 回车 s ...

  6. bilibili网页播放视频绿屏的解决办法

    小编在用电脑刷网页版bilibili视频是经常会遇到视频绿屏,啥也看不清的情况,每次都是随着视频的播放满满视频画面变得正常,但是这个过程比较缓慢,也比较折磨人,小编在这里分享一个解决办法: 1.点击视 ...

  7. 谷歌浏览器 chrome 网页播放视频 全屏退出死机 解决方法

    现象:使用谷歌浏览器全屏看视频在线视频时,退出时全屏电脑假死,使用Alt+F4关闭浏览器无效果 解决方法:浏览器地址栏上输入 chrome://settings/system 进入系统设置 关闭 使用 ...

  8. 项目总结(VideoStream网页播放视频)

    代码中sd卡下music文件夹的位置:/storage/emulated/0/Music/xxx.mp3 项目使用技术:ButterKnife.RxBinding.RxJava2.IJKPlayer. ...

  9. html5media 网页播放视频,html5media 在IE8播放视频黑屏

    (以下是我做的笔记) 使用html5media.js的时候 官网提示你只需要引入这个js就行了 但是实际使用中发现不管是本地文件协议还是http协议在ie8下都无法打开视频或音频 报的错都是无法找到/ ...

最新文章

  1. heartbeat原理介绍
  2. 在quartus 和 ISE 里直接调用modelsim的方法(转)
  3. mybatis清除一级缓存的几种方法
  4. Device eth0 does not seem to be present,delaying initialization.
  5. 计算机组成原理基于mips结构pdf,计算机组成原理_L12-MIPS系统结构-V1.pdf
  6. 字符串类型的数字比较大小_Python核心知识系列:数字与字符串类型
  7. curl+个人证书(又叫客户端证书)访问https站点
  8. 【暴力】I Liked Matrix!
  9. 服务器本地文件,云服务器 本地文件
  10. 【dfs】Election of Evil
  11. python面向对象中的私有属性和私有化方法
  12. 推荐系统组队学习——协同过滤
  13. 计算机程序设计员技能试题,计算机程序设计员试题及答案[1]
  14. 人脸图像质量评价:FaceQnet
  15. html设置图片为部分背景颜色,设置HTML的一个部分作为一个不同的背景颜色
  16. JNB, JBE, JGE, JLE 指令的转移条件
  17. mysql indentify_Database 中 identify relationship 和 non-identify relationship的区别
  18. 软件测试--------数据库MySQL 常用sql语句
  19. 题目: 哈夫曼编码大全
  20. (十六)记录 -- 1. 数据记录的概念

热门文章

  1. 欧拉操作系统(openEuler)简介
  2. 废墟里,我和同学立下约定
  3. 极客mysql45讲学习总结
  4. AMBA-AXI总线协议
  5. 以太坊DAO之区块链大会
  6. python编写程序 计算1_《Python程序设计》——第1章 计算与问题求解简介 1.1 计算与Python简介-阿里云开发者社区...
  7. 什么是游戏盾防护?防护DDOS攻击无视CC攻击
  8. UCML Ajax++框架介绍
  9. 《数据库系统原理》第一遍思维导图
  10. 云仓系统开发云商系统模式详解