object标签与embad掉钱_html5新媒体播放器标签video、audio 与embed、object

html5里的一些新的标签,看到里面object、embed、video、audio都可以添加视频或音频文件

embed是针对非IE的浏览器的媒体播放器

video是html5出的一种新标准,但并不是所有的浏览器都支持。video虽然号称可以支持三种媒体类型,但常用的只有mp4。

像object,和embed是都可以用来播放视频和音频,而且他们展示效果基本上一样的,

2、embed

embed和object都是网页用的嵌入脚本,用来播放flash文件的

如果使用的是flash文件或者其他video标签不支持的格式。那么可以使用embed标签插入。

embed标签只支持PC端,移动端无效,video标签移动和PC端均支持,如果你的视频文件是mp4格式的,那么推荐使用video标签,兼容PC端和移动端。

我们要在网页中正常显示flash内容,那么页面中必须要有指定flash路径的标签。也就是OBJECT和EMBED标签

embed标签是html5版本新增的标签,是使用来定义嵌入的内容(如插件、媒体等)

如果浏览器没安装没启用flash,那么浏览器会跳出一个提示框访问是否要自动安装flash player。

object和embed的区别:

是为了兼容不同浏览器,IE只支持对Object的解析;火狐,谷歌,Safari只支持对Embed的解析。注意:使用+是为了更好的兼容性,如果场景允许,推荐使用。

语法:

embed标签属性值:

标签属性设置

说明

src

被嵌入内容的地址

type

嵌入内容的文件类型MIME类型

autostart

自动播放(boolean)

loop

循环播放(boolean)

hidden

控制面板是否显示(true,no)

starttime=mm:ss(分:秒)

开始播放的时间

volume

音量大小(0~100)

height、width

容器属性

units

该属性指定高和宽的单位为pixels或en

controls=console

一般正常面板(多属性值)

name

该属性给对象取名,以便其他对象利用

title=

说明文字

palette=color|color

表示嵌入的音频或视频文件的前景色和背景色,第一个值为前景色,第二个值为背景色,中间用 | 隔开。color可以是RGB色(RRGGBB)也可以是颜色名

align

规定控制面板和当前行中的对象的对齐方式

embed支持很多媒体类型比如图像、音频、视频、可以参考文件类型(IANA MIME 类型)列表,说明:embed标签是一个空标签,没有元素内容。在html中可以不关闭标签,而在xhtml中必须使用“/”关闭标签,如:

MIME(Multipurpose Internet Mail Extensions)多用途互联网邮件扩展类型。是设定某种扩展名的文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自动使用指定应用程序来打开。

常用的MIME类型:

文件后缀

Mime类型

说明

.flv

flv/flv-flash

在线播放

.html或.htm

text/html

超文本标记语言文本

.rtf

application/rtf

RTF文本

.gif

image/gif

GIF图形

.jpeg或.jpg

image/jpeg

JPEG图形

.au

audio/basic

au声音文件

.mid或.midi

audio/midi或audio/x-midi

MIDI音乐文件

.ra或.ram或.rm

audio/x-pn-realaudio

RealAudio音乐文件

.mpg或.mpeg或.mp3

video/mpeg

MPEG文件

.avi

video/x-msvideo

AVI文件

.gz

application/x-gzip

GZIP文件

.tar

application/x-tar

TAR文件

.exe

application/octet-stream

下载文件类型

.rmvb

video/vnd.rn-realvideo

在线播放

.txt

text/plain

普通文本

.mrp

application/octet-stream

MRP文件(国内普遍的手机)

.ipa

application/iphone-package-archive

IPA文件(IPHONE)

.deb

application/x-debian-package-archive

DED文件(IPHONE)

.apk

application/vnd.android.package-archive

APK文件(安卓系统)

.cab

application/vnd.cab-com-archive

CAB文件(Windows Mobile)

.xap

application/x-silverlight-app

XAP文件(Windows Phone 7)

.sis

application/vnd.symbian.install-archive

SIS文件(symbian平台)

.jar

application/java-archive

JAR文件(JAVA平台手机通用格式)

.jad

text/vnd.sun.j2me.app-descriptor

JAD文件(JAVA平台手机通用格式)

.sisx

application/vnd.symbian.epoc/x-sisx-app

SISX文件(symbian平台)

3、Object

object参数说明

param name标签是在这个播放插件中嵌入的一些功能和播放参数,比如(你可以抄下来):

使用 object 和 embed 标签来嵌入,细心的会发现,object 的很多参数和 embed 里面的很多属性是重复的,为什么这样做?为了浏览器兼容性,有的浏览器支持 object,有的支持 embed,这也是为什么要修改 Flash 的参数时两个地方都要改的原因。这种方法是 Macromedia 一直以来的官方方法,最大限度的保证了 Flash 的功能,没有兼容性问题。

现阶段用 JS 嵌入 Flash 是最完美的方法.

对于不支持object的浏览器,可以使用如下方式,浏览器将跳过object,识别embed元素:

1

2

3

4

播放音频可使用object、embed,此外html5也有audio标签与video相对应,且用法相同。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值