新写了一个基于jQuery的自定义video和object视频播放组件(兼容IE6~8),控制器的样式是可以自定义的,支持中英文切换,详情请看
如果想简单的放个视频,不想添加多余代码的话可以继续只用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>和<embed>标签的区别:
两者都是用来播放多媒体文件的对象,object元素用于IE浏览器,embed元素用于非IE浏览器,为了保证兼容性,通常我们同时使用两个元素,浏览器会自动忽略它不支持的标签。同时使用两个元素时,应该把<embed>标签放在<object>标签的内部。
接下来是代码展示
<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)
下面是播放器样式:
属性参数
-
vcastr_file
方法2传递影片flv文件地址参数,多个使用|分开 空 -
vcastr_title
影片标题参数,多个使用|分开,与方法2配合使用 空 -
vcastr_xml
方法3 传递影片flv文件地址参数,样板参考 vcastr.xml -
IsAutoPlay
影片自动播放参数:0表示不自动播放,1表示自动播放 0 -
IsContinue
影片连续播放参数:0表示不连续播放,1表示连续循环播 1 -
IsRandom
影片随机播放参数:0表示不随机播放,1表示随机播放 0 -
DefaultVolume
默认音量参数 :0-100 的数值,设置影片开始默认音量大小 100 -
BarPosition
控制栏位置参数 :0表示在影片上浮动显示,1表示在影片下方显示 0 -
IsShowBar
控制栏显示参数 :0表示不显示;1表示一直显示;2表示鼠标悬停时显示;3表示开始不显示,鼠标悬停后显示 2 -
BarColor
播放控制栏颜色,颜色都以0x开始16进制数字表示 0×000033 -
BarTransparent
播放控制栏透明度 60 -
GlowColor
按键图标颜色,颜色都以0x开始16进制数字表示 0x66ff00 -
IconColor
鼠标悬停时光晕颜色,颜色都以0x开始16进制数字表示 0xFFFFFF -
TextColor
播放器文字颜色,颜色都以0x开始16进制数字表示 0xFFFFFF -
LogoText
可以添加自己网站名称等信息(英文) 空 -
LogoUrl
可以从外部读取logo图片,注意自己调整logo大小,支持图片格式和swf格式 空 -
EndSwf
影片播放结束后,从外部读取swf文件,可以添加相关影片信息,影片分享等信息,需自己制作 空 -
BeginSwf
影片开始播放之前,从外部读取swf文件,可以添加广告,或者网站信息,需自己制作 空 -
IsShowTime
是否显示时间 : 0表示不显示时间,1表示显示时间 1 -
BufferTime
影片缓冲时间,单位(秒) 2