embed和video的使用

来源:互联网 发布:sql查询语句表别名 编辑:程序博客网 时间:2024/05/29 02:27

首先,这两个标签都是html5中新增的,其中embed既可以播放视频文件,还可以加载其他的插件,如Midi、Wav、AIFF、AU、MP3等等,而video针对不同的浏览器有不同的视频兼容格式。如:

<video width="320" height="240" controls>

<!-- 兼容 Firefox -->

<source src="http://www.jb51.net/ movie.ogg" type="video/ogg" />

<!-- 兼容 Safari/Chrome-->

<source src="http://www.jb51.net/ movie.mp4" type="video/mp4" />

</video>

Video的属性:

属性

 

描述

autoplay

 

autoplay

如果出现该属性,则视频在就绪后马上播放。

controls

 

controls

如果出现该属性,则向用户显示控件,比如播放按钮。

height

 

pixels

设置视频播放器的高度。

loop

 

loop

如果出现该属性,则当媒介文件完成播放后再次开始播放。

muted

 

muted

规定视频的音频输出应该被静音。

poster

 

URL

规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。

preload

 

preload

如果出现该属性,则视频在页面加载时进行加载,并预备播放。

如果使用 "autoplay",则忽略该属性。

src

 

url

要播放的视频的 URL。

width

 

pixels

设置视频播放器的宽度。

详情请见:http://www.w3school.com.cn/tags/tag_video.asp

Embed的属性:

属性

描述

height

pixels

设置嵌入内容的高度。

src

url

嵌入内容的 URL。

type

type

定义嵌入内容的类型。

width

pixels

设置嵌入内容的宽度。

详情请见:http://www.w3school.com.cn/tags/tag_embed.asp

0 0
原创粉丝点击