兼容IE6使用embed和object来播放flash文件,HTML embed标签使用方法和属性详解

佚名 6年前 (2019-05-07) 随笔 895人围观抢沙发百度已收录

object标签是用于windows平台的IE浏览器的，而embed是用于windows和Macintosh平台下的Netscape Navigator浏览器以及Macintosh平台下的IE浏览器。
windows平台的IE利用Activex控件来播放flash而其它的浏览器则使用Netscape插件技术来播放flash。

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

---------------------
作者：zh_rey
来源：CSDN
原文：https://blog.csdn.net/zh_rey/article/details/71080467
版权声明：本文为博主原创文章，转载请附上博文链接！

HTML embed标签使用方法和属性详解

一、基本语法

代码如下:

embed src=url

说明：embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等，Netscape及新版的IE 都支持。url为音频或视频文件及其路径，可以是相对路径或绝对路径。

示例:

代码如下:

编码与格式的误区

很多人将编码和格式误认为是同一个东西，往往以视频文件的后缀来唯一确定视频文件的支持程度。而事实上，用一句话来概括就是：视频的文件后缀（假设没有恶意修改后缀）实际上代表一种封装格式，而视频或者音频的编码算法与封装格式本身无直接的关系：同样的封装格式（即同样的后缀）可以封装不同编码算法的视频和音频。而视频播放设备或软件是否支持视频的播放，不仅仅要看封装格式，还要看编码算法。认清这一点是理解和排查问题的基础。

封装格式规定了视频的所有内容，包括图像，声音，字幕，系统控制等，其中以图像和声音最为关键。

从MPEG说起

MPEG是一个定义视频规格的国际组织，他们曾经推出的MPEG-1和MPEG-2实际上分别就是大家熟知的VCD和DVD，不过这都是远古的东西了。我们来看看跟本文主题有关的MPEG-4规范。

MPEG-4规范规定了文件后缀名为.mp4，目前包括三种图像编码和压缩算法：Xvid\DivX\AVC(H.264)，其中Xvid和DivX也可以统称为MPEG-4 Part 2或者MPEG-4 Visual，而更为知名的H.264和AVC是相同的概念。音频方面则是AAC。以下关于兼容的内容，来源于维基百科和格式工厂以及笔者的测试：

Android浏览器：支持DivX和AVC，Xvid应该不支持
iPhone和iPad（iOS）：支持DivX和AVC，Xvid不支持
Chrome：支持AVC，不支持DivX和Xvid。谷歌曾在2011年初宣布由于许可问题，将移除Chrome浏览器对AVC(H.264)的支持。但是直到目前的版本，AVC还在被支持。另外，实际测试下来，如果是DivX和AAC封装在mp4中的话，chrome可以播放，但是只有声音(AAC)。
Firefox和Opera：还是由于许可的问题，Firefox和Opera逐渐动摇了对AVC的支持，笔者在最新的Firefox中测试AVC仍然可以播放（维基百科的解释是可能与系统本身具有解码器有关）；至于DivX和Xvid，笔者在Firefox下的测试结果是不支持。从维基百科的兼容列表看，Opera对AVC支持的不好。
IE：笔者的IE11能够支持AVC，不支持DivX和Xvid

WebM的倡导

由于AVC(H.264)的授权问题，以Chrome、Firefox、Opera为首的开源阵营开始动摇对AVC的支持，尽管目前这些浏览器仍然能够支持AVC，但是它们也倾向于一个叫做WebM的开源多媒体项目，该项目包括一个叫VP8的新的开源视频编解码方案。目前VP8已经发展到了VP9。作为封装格式的WebM具有.webm的后缀和video/webm的MIME类型。在音频方面，可以使用Vorbis/Opus。从兼容性看，Chrome、Firefox、Opera对VP8的兼容性相当理想，但是Safari和IE几乎无法支持。

开源的Ogg

Ogg几乎与WebM相同，开源，被广泛的在开源平台支持。其视频编码方案称为Theora(有VP3发展而来，由Xiph.org基金会开发，可被用于任何封装格式)，音频为Vorbis。后缀通常为.ogv或.ogg，MIME类型为video/ogg。在兼容性上，Chrome、Firefox、Opera能够支持（但是Opera在移动平台上无法支持），但是Safari和IE几乎无法支持。

Html5方案

以上的讨论实际上的大前提是：视频基于Html5的<video>方案。现在我们来总结一下兼容性：

Codecs/container	IE	Firefox	Safari	Chrome	Opera	iPhone	Android
Theora+Vorbis+Ogg	·	3.5+		5.0+	10.5+	·	·
H.264+AAC+MP4	9.0+	·	3.0+	5.0+^‡	·	3.0+	2.0+
WebM	9.0+^*	4.0+		6.0+	10.6+	·	2.3+
* IE9 “只有当用户安装了VP8的编解码器时”才能支持VP8。
‡ Google Chrome 2011年宣布放弃H.264, 但是“还没兑现”。

可以看出现在主流的仍然是MP4(AVC)，但是为了解决“开源阵营”对AVC的摇摆不定，可以选择利用video的多源方案，在AVC的基础上额外提供对webm或ogg的支持：

<p>This is fallback content</p>

</video>

浏览器会根据自己的偏好来选择具体加载那种格式的流媒体文件，当然服务端必须对同一个视频提供多种格式的支持，具体可以这么做：

提供一个WebM的视频版本（VP8+Vorbis）
提供一个MP4的视频版本（H.264+AAC(low complexity)）
提供Ogg版本（Theora+Vorbis）

服务端推荐使用nginx，尽量注意MIME类型的配置正确

旧版本的IE和flash

在html5流行之前，通用的视频播放解决方案是flash和flv（flash从9开始支持h.264的mp4）。但是随着ios设备的流行，flash已经不是万能药了，越来越多的视频网站提供多元的解决方案，而且偏向于html5：也就是说，通过检测agent是否支持html5来决定使用video还是flash。在面对IE8以下的浏览器时，flash几乎是唯一的选择(silverlight的接受度普遍不高)。

当然针对flash和flv的方案，也有多种实现方法，笔者能够想到的有如下两种：

服务端根据agent的类型，输出不同的html，如果支持html5就输出video+mp4(avc)和webm（或者ogg），否则输出flash相关的标签或脚本
使用html5shiv和html5-video是IE也能够支持video标签，并且使用Flash播放器来代替原生的video播放，参考
将object内嵌在video中：
<video id="movie" width="320" height="240" preload controls>
<source src="pr6.webm" type="video/webm; codecs=vp8,vorbis" />
<source src="pr6.ogv" type="video/ogg; codecs=theora,vorbis" />
<source src="pr6.mp4" />
<object width="320" height="240" type="application/x-shockwave-flash"
data="flowplayer-3.2.1.swf">
<param name="movie" value="flowplayer-3.2.1.swf" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value="config={'clip': {'url': 'http://wearehugh.com/dih5/pr6.mp4', 'autoPlay':false, 'autoBuffering':true}}" />
<p>Download video as <a href="pr6.mp4">MP4</a>, <a href="pr6.webm">WebM</a>, or <a href="pr6.ogv">Ogg</a>.</p>
</object>

</video>

作者：每天进步多一点
来源：博客园
原文：https://www.cnblogs.com/lgx5/p/5714494.html

1.首先object是什么

定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。

此元素允许您规定插入 HTML 文档中的对象的数据和参数，以及可用来显示和操作数据的代码。

object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持，这一点并未实现。

浏览器的对象支持有赖于对象类型。不幸的是，主流浏览器都使用不同的代码来加载相同的对象类型。

而幸运的是，object 对象提供了解决方案。如果未显示 object 元素，就会执行位于 <object> 和 </object> 之间的代码。通过这种方式，我们能够嵌套多个 object 元素（每个对应一个浏览器）。

2.object中classid

<param> 标签定义用于对象的 run-time 设置。

不要对图像使用 <object> 标签，请使用 <img> 标签代替。

先看一个例子：

兼容IE6使用embed和object来播放flash文件,HTML embed标签使用方法和属性详解随笔第1张

 <object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1" 

width="100" height="50">
  <param name="BorderStyle" value="1" />
  <param name="MousePointer" value="0" />
  <param name="Enabled" value="1" />
  <param name="Min" value="0" />
  <param name="Max" value="10" />
</object>

兼容IE6使用embed和object来播放flash文件,HTML embed标签使用方法和属性详解随笔第2张

其中，param的用处：param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置

也就是说，此标签可为包含它的 <object> 或者 <applet> 标签提供参数。

而classid 就是ActiveX控件的ID

这个控件的ID我们可以这么找：

这个microsoft slider control是微软滑块控制插件

回想：传送门：Jquery Uploadify3.21.与2.1版本使用中存在的问题--记录三

之前在jQuery uploadify上就遇到了类似问题，就是在IE下面那个用flash的BUTTON没反应，所以最后加上了一句：

if ($.browser.msie) { $(".swfupload").attr("classid","clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"); }

这里声明一下：在新版本的jQuery中 $.browser.msie该方法已经被废弃。所以要避免使用这个判断了！

同样我们找这个classid：

找到了两个都是flash的插件id。

作者：qize

来源：博客园

原文地址：http://www.cnblogs.com/zqzjs/p/5034345.html

　　定义一个嵌入的对象

　　<后备内容机制>

　　object可以嵌套object或其他元素，如果浏览器不能渲染优先的选择就显示后备的内容
【属性】

兼容IE6使用embed和object来播放flash文件,HTML embed标签使用方法和属性详解随笔第12张

height    设置嵌入对象的高度
width     设置嵌入对象的宽度
type     设置嵌入对象的类型    
name    设置对象的名称，以便在脚本中使用
data     设置对象的URL
usemap    设置与对象一同使用的客户端图像映射的URL
form     规定对象所属的一个或多个表单(将object作为表单的一部分是为了解决让插件发送数据到服务器的需要)
typemustmatch    检测资源类型和type属性是否相符(data和type同时设置的情况下)

兼容IE6使用embed和object来播放flash文件,HTML embed标签使用方法和属性详解随笔第13张

<param>

　　用来给内嵌的插件传递参数

【属性】

name    定义参数的名称
value    规定参数的值
type    规定参数的MIME类型
valuetype    规定值的MIME类型(data/ref/object)

<object width="400" height="40" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">
　　<param name="SRC" value="bookmark.swf">
　　<embed src="bookmark.swf" width="400" height="40"></embed>
</object>

作者：小火柴的蓝色理想

来源：博客园

原文地址：https://www.cnblogs.com/xiaohuochai/p/5091488.html

classid 属性

classid 属性用于指定浏览器中包含的对象的位置，通常是一个 Java 类。

它的值是对象的绝对或相对的 URL。如果提供了 codebase 属性的话，相对 URL 是相对于 codebase 属性指定的 URL 而言的；否则，它们是相对于当前文档的 URL。

例如，为了执行包含在 clock.class 文件中的时间 Java applet，可以在 HTML 文档中包含如下的代码：

<object classid="clock.class"></object>

浏览器将会用当前文档的基本 URL 为这个 applet 查找代码。因此，如果当前文档的 URL 如下所示：

http://www.w3school.com.cn/time.html

浏览器将会在下列地址为我们的 clock.class 实例获取 applet 代码：

http://www.w3school.com.cn/clock.class

提示：classid 属性与 <applet> 标签的 code 属性类似，提供了包含这个对象的文件名。

codebase 属性

codebase 属性是一个可选的属性，提供了一个基本的 URL。该属性的值是一个 URL，该 URL 指向的目录包含了 classid 属性所引用的对象。

codebase URL 会覆盖文档的基本 URL，但不会永久替代它。如果不使用 codebase 属性，这个基本 URL 就是默认值。

现在，我们继续使用前面的那个例子，假设文档来源于 http://www.w3school.com.cn，但是这个时钟 applet 放在一个名为 classes 的单独目录中。通过指定 classid= "classes/clock.class" 无法获得这个 applet。相反，需要将 codebase 属性和新的基本 URL 包含在内：

<object classid="clock.class" codebase="http://www.w3school.com.cn/classes/">
</object>

这行语句可以解析为这个 URL：

http://www.w3school.com.cn/classes/clock.class

尽管我们在此例中使用了绝对 URL，实际上也可以使用相对 URL。例如，applet 往往和主机文档一起保存在同一台服务器上，因此，处于重新定位的缘故，为 codebase 指定一个相对的 URL，情况往往更好一些，例如：

<object classid="clock.class" codebase="/classes/">
</object>

提示：从以上几个例子可以看到，codebase 属性与 classid 属性配合使用，可以指定对象的完整 URL。

codetype 属性

codetype 属性用于标识程序代码类型。

只有在浏览器无法根据 classid 属性决定 applet 的 MIME 类型，或者如果在下载某个对象时服务器没有传输正确的 MIME 类型的情况下，才需要使用 codetype 属性。

codetype 属性与 type 属性类似。不同的是，它用来标识程序代码类型，而 type 属性用来标识数据文件类型。

下面这个例子显式地告知浏览器，对象的代码是 Java：

<object codebase="clock.class" codetype="application/java">
</object>

declare 属性

declare 属性可以定义一个对象，但同时防止浏览器进行下载和处理。

与 name 属性一起使用时，这个工具类似于更为传统的编程语言中的某种前置声明，这样的声明能够延迟下载对象的时间，直到这个对象确实在文档中得到了应用。

data 属性

data 属性用于指定供对象处理的数据文件的 URL。

该属性的值是文件的 URL，该 URL 可能是相对于文件基本 URL 的绝对 URL 或相对 URL，或者是相对于用 codebase 属性提供的 URL 的绝对或相对 URL。

浏览器通过插入到文档中的对象类型来决定数据的类型。

该属性类似于 <img> 标签中的 src 属性，因为它下载的是要由包含对象进行处理的数据。当然，它们之间的差别在于，data 属性允许包含几乎任何文件类型，而不仅仅是图像文件。

作者：W3school

来源：W3C

原文地址：http://www.w3school.com.cn/tags/tag_object_prop.asp

flash的简单实例
下面是简单的网页中插入flash的代码示例：
代码如下:

使用 object 和 embed 标签来嵌入，细心的会发现，object 的很多参数和 embed 里面的很多属性是重复的，为什么这样做？为了浏览器兼容性，有的浏览器支持 object，有的支持 embed，这也是为什么要修改 Flash 的参数时两个地方都要改的原因。这种方法是 Macromedia 一直以来的官方方法，最大限度的保证了 Flash 的功能，没有兼容性问题。
现阶段用 JS 嵌入 Flash 是最完美的方法，有人写了很完善的嵌入脚本可以方面地下载使用（推荐 SWFObject），SWFObject.js下载地址https://github.com/swfobject/swfobject

objec参数说明
param name标签是在这个播放插件中嵌入的一些功能和播放参数,比如（你可以抄下来）:
<param name="playcount" value="1">
<param name="autostart" value="0">
<param name="clicktoplay" value="1">
<param name="displaysize" value="0">
<param name="enablefullscreen controls" value="1">
<param name="showaudio controls" value="1">
<param name="enablecontext menu" value="1">
<param name="showdisplay" value="1">
<param NAME="AutoStart" VALUE="-1">
<param NAME="Balance" VALUE="0">
<param name="enabled" value="-1">
<param NAME="EnableContextMenu" VALUE="-1">
<param NAME="url" VALUE="http://1.wma"> <param NAME="PlayCount" VALUE="1">
<param name="rate" value="1">
<param name="currentPosition" value="0">
<param name="currentMarker" value="0">
<param name="defaultFrame" value="">
<param name="invokeURLs" value="0">
<param name="baseURL" value="">
<param name="stretchToFit" value="0">
<param name="volume" value="50">
<param name="mute" value="0"><param name="windowlessVideo" value="0">
<param name="fullScreen" value="0">
<param name="enableErrorDialogs" value="-1">
<param name="SAMIStyle" value>
<param name="SAMIFilename" value>
---------------------
作者：byxdaz
来源：CSDN
原文：https://blog.csdn.net/byxdaz/article/details/60467224
版权声明：本文为博主原创文章，转载请附上博文链接！