在HTML中使用object和embed标签插入视频

最新推荐文章于 2024-06-10 18:34:16 发布

zh_rey

最新推荐文章于 2024-06-10 18:34:16 发布

阅读量3w

点赞数 5

分类专栏： HTML 文章标签：视频 object embed html flvplayer.swf

本文为博主原创文章，如需转载请在评论区留言说明。

本文链接：https://blog.csdn.net/zh_rey/article/details/71080467

版权

HTML 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

新写了一个基于jQuery的自定义video和object视频播放组件（兼容IE6~8），控制器的样式是可以自定义的，支持中英文切换，详情请看 https://blog.csdn.net/zh_rey/article/details/80812931

如果想简单的放个视频，不想添加多余代码的话可以继续只用object和embed。

一、object

对于object，w3c上定义object为一个嵌入的对象。可以使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数，以及可用来显示和操作数据的代码。<object> 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持，这一点并未实现。浏览器的对象支持有赖于对象类型。不幸的是，主流浏览器都使用不同的代码来加载相同的对象类型。而幸运的是，object 对象提供了解决方案。如果未显示 object 元素，就会执行位于 <object> 和 </object> 之间的代码。通过这种方式，我们能够嵌套多个 object 元素（每个对应一个浏览器）。

二.object与embed

我们要在网页中正常显示flash内容，那么页面中必须要有指定flash路径的标签。也就是object和embed标签。
object标签是用于windows平台的IE浏览器的，而embed是用于windows和Macintosh平台下的Netscape Navigator浏览器以及Macintosh平台下的IE浏览器。
windows平台的IE利用Activex控件来播放flash而其它的浏览器则使用Netscape插件技术来播放flash。

接下来是代码展示

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="700" height="400">
	<param name="movie" value="flvplayer.swf" />
	<param name="quality" value="high" />
	<param name="allowFullScreen" value="true" />
	<param name="FlashVars" value="vcastr_file=12.flv&LogoText=description&BufferTime=3&IsAutoPlay=1">
	<embed src="flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=12.flv&IsAutoPlay=1&LogoUrl=images/logo.jpg" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="400"></embed>
</object>

经过本人测试flv或者mp4格式都能够成功播放

播放器flvplayer.swf文件下载地址：flvplayer (含demo)

下面是播放器样式：

flvplayer