HTML <video> 标签运用

发布时间：2023-03-23 08:41:57 所属栏目：教程来源：

导读：html <video> 标签定义视频，比如电影片段或其他视频流

<video> 元素支持三种视频格式：MP4、WebM、Ogg

浏览器 MP4 WebM Ogg
Internet Explorer YES NO NO
Chrome YES YES YES

html <video> 标签定义视频，比如电影片段或其他视频流

<video> 元素支持三种视频格式：MP4、WebM、Ogg

浏览器   MP4   WebM   Ogg
Internet Explorer   YES   NO   NO
Chrome   YES   YES   YES
Firefox   YES
从 Firefox 21 版本开始
Linux 系统从 Firefox 30 开始   YES   YES
Safari   YES   NO   NO
Opera   YES
从 Opera 25 版本开始   YES   YES
MP4 = MPEG 4 文件使用 H264 视频编解码器和 AAC 音频编解码器
WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器
浏览器支持
IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <video> 标签

IE 8 或更早版本的 IE 浏览器不支持 <video> 标签

音频格式的 MIME 类型
格式   MIME-type
MP4   video/mp4
WebM   video/webm
Ogg   video/ogg
可以在 <video> 和 </video> 标签之间放置文本内容，这样不支持 <video>元素的浏览器就可以显示出该标签的信息

可选属性
属性   值   描述
autoplay   autoplay   如果出现该属性，则视频在就绪后马上播放
controls   controls   如果出现该属性，则向用户显示控件，比如播放按钮
height   pixels   设置视频播放器的高度
loop   loop   如果出现该属性，则当媒介文件完成播放后再次开始播放
muted   muted   如果出现该属性，视频的音频输出为静音
poster   URL   设置视频正在下载时显示的图像，直到用户点击播放按钮
preload   auto
Metadata
none   如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性
src   URL   要播放的视频的 URL
width   pixels   设置视频播放器的宽度

范例
播放录像

<video width="320" height="240" controls>
<source src="/static/i/html/html_video_1. mp4" type="video/mp4">
<source src="/static/i/html/html_video_1. ogg" type="video/ogg">
您的浏览器不支持 video 标签
</video>
HTML 4.01 与 HTML5之间的差异
<video> 标签是 HTML5 的新标签

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!