六、视频&音频标签
1、视频标签
视频标签,用于支持和实现视频文件的直接播放,支持缓冲预加载和多种视频媒体格式,如:WEBM、MP4、OGG等
- video视频标签
- controls播放控件
- 这里需要注意在直接添加视频时是无法播放的,添加controls播放控件即可实现视频在网页播放。
- 我们也可以用前面所学过的width&height属性编写视频显示大小。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<video src="./video/Linux_百度百科.mp4" width="500px" controls></video>
</body>
</html>
2、音频标签
音频标签,用于支持和实现音频文件的直接播放,支持缓冲预加载和多种音频格式,如:MP3、OGG、WAV等。
- audio音频标签
- controls播放控件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<audio src="./audio/许66 - 爱丫爱丫.mp3" controls ></audio>
</body>
</html>