【HTML5】HTML5 多媒体标签 ② ( 视频标签 ＜video＞ | 视频标签常见属性 | autoplay 属性 | controls 属性 | poster 属性 | 设置多个格式视频 )
warning:
这篇文章距离上次修改已过445天，其中的内容可能已经有所变动。
在HTML5中，<video>标签用于在网页中嵌入视频。<video>标签支持多种视频格式，以确保在大多数浏览器中都能播放视频。
常用属性：
src：指定视频的路径。controls：显示视频播放的控件（播放按钮，进度条，音量控制等）。autoplay：视频就绪后自动播放。loop：视频播放结束后，重新开始播放。muted：静音播放视频。preload：预加载视频。width和height：设置视频的宽度和高度。
示例代码：
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Video Example</title>
</head>
<body>
<video width="320" height="240" controls autoplay loop muted preload>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持 video 标签。
</video>
</body>
</html>在上述示例中，<video>标签定义了视频的属性，controls属性使得视频播放控件显示，autoplay属性使得视频加载后自动播放，loop属性使得视频播放结束后循环播放，muted属性使得视频静音播放，preload属性使得视频在页面加载时预加载。<source>标签指定了视频文件的路径和类型，以确保在不同的浏览器中都能正确加载。如果浏览器不支持<video>标签，则会显示“您的浏览器不支持 video 标签。”的文本信息。
评论已关闭