video标签时html5新标签;
video作用在html中,载入视频元素;
|
浏览器
|
MP4
|
WebM
|
Ogg
|
|---|---|---|---|
|
Internet Explorer 9+
|
Y
|
N
|
N
|
|
Chrome 6+
|
Y
|
Y
|
Y
|
|
Firefox 3.6+
|
Y
|
Y
|
Y
|
|
Safari 5+
|
Y
|
N
|
N
|
|
Opera 10.6+
|
N
|
Y
|
Y
|
-
MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器
-
WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
-
Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器
video的属性包括:controls、preload、loop、width、height、poster 、src、autoplay、muted
在js中可以通过获取html的方法获取video;
创建新的video标签可以用document.createElement(“video”);
video对象的属性,常用的有:
autoplay
| buffered | 返回表示视频已缓冲部分的 TimeRanges 对象。 | |
| controller | 返回表示视频当前媒体控制器的 MediaController 对象。 | |
| controls | 设置或返回视频是否应该显示控件(比如播放/暂停等)。 | |
| currentSrc | 返回当前视频的 URL。 | |
| currentTime | 设置或返回视频中的当前播放位置(以秒计)。 | |
| defaultMuted | 设置或返回视频默认是否静音。 | |
| defaultPlaybackRate | 设置或返回视频的默认播放速度。 | |
| duration | 返回视频的长度(以秒计)。 | |
| ended | 返回视频的播放是否已结束。 | |
| error | 返回表示视频错误状态的 MediaError 对象。 | |
| height | 设置或返回视频的 height 属性的值。 | |
| loop | 设置或返回视频是否应在结束时再次播放。 | |
| muted | 设置或返回是否关闭声音。 | |
| networkState | 返回视频的当前网络状态。 | |
| paused | 设置或返回视频是否暂停。 | |
| playbackRate | 设置或返回视频播放的速度。 | |
| played | 返回表示视频已播放部分的 TimeRanges 对象。 | |
| poster | 设置或返回视频的 poster 属性的值。 | |
| preload | 设置或返回视频的 preload 属性的值。 | |
| readyState | 返回视频当前的就绪状态。 | |
| src | 设置或返回视频的 src 属性的值。 | |
| volume | 设置或返回视频的音量。 | |
| width | 设置或返回视频的 width 属性的值。 |
video对象的方法有:
方法
| addTextTrack() | 向视频添加新的文本轨道。 |
| canPlayType() | 检查浏览器是否能够播放指定的视频类型。 |
| load() | 重新加载视频元素。 |
| play() | 开始播放视频。 |
| pause() | 暂停当前播放的视频。 |
以上为video的一些知识,本人接触不是很多,希望可一对你们有帮助;
本文介绍了HTML5中video标签的基本用法及支持的视频格式,包括MP4、WebM和Ogg,并列举了不同浏览器对这些格式的支持情况。此外还详细讲解了video标签的属性与方法,有助于开发者更好地运用video元素。
7538

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



