首先,这两个标签都是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 | 如果出现该属性,则视频在就绪后马上播放。 | |
|
| controls | 如果出现该属性,则向用户显示控件,比如播放按钮。 | |
|
| pixels | 设置视频播放器的高度。 | |
|
| loop | 如果出现该属性,则当媒介文件完成播放后再次开始播放。 | |
|
| muted | 规定视频的音频输出应该被静音。 | |
|
| URL | 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。 | |
|
| preload | 如果出现该属性,则视频在页面加载时进行加载,并预备播放。 如果使用 "autoplay",则忽略该属性。 | |
|
| url | 要播放的视频的 URL。 | |
|
| pixels | 设置视频播放器的宽度。 |
详情请见:http://www.w3school.com.cn/tags/tag_video.asp
Embed的属性:
| 属性 | 值 | 描述 |
| pixels | 设置嵌入内容的高度。 | |
| url | 嵌入内容的 URL。 | |
| type | 定义嵌入内容的类型。 | |
| pixels | 设置嵌入内容的宽度。 |
本文对比了HTML5中的video和embed元素,详细介绍了它们各自的属性和应用场景,包括视频播放器的配置与多媒体文件的加载。
6万+

被折叠的 条评论
为什么被折叠?



