视频相关
视频相关
HTML5 中的<video>
元素是一种用来嵌入视频内容的标签,它可以让开发者轻松地将视频嵌入到网页中,而无需使用第三方插件或播放器。<video>
元素支持多种视频格式,如MP4、WebM和Ogg等,并且可以使用JavaScript控制视频的播放、暂停、音量等参数。
使用 <video>
元素时,可以通过以下几个属性来设置视频的属性:
- src:指定视频文件的 URL。
- controls:表示是否显示视频控制栏。如果设置为 controls,则会在视频下方显示播放/暂停、音量、全屏等控制按钮。
- autoplay:表示是否自动播放视频。如果设置为 autoplay,则在页面加载完成后会自动播放视频。
- loop:表示是否循环播放视频。如果设置为 loop,则视频播放完毕后会重新开始播放。
- muted:表示是否静音播放视频。如果设置为 muted,则视频会静音播放。
- poster:指定视频未播放时显示的占位图像。
视频标签示例
<!DOCTYPE html>
<html>
<head>
<metacharset="utf-8">
<title>Video标签</title>
</head>
<body>
<video width="320" height="240" controls>
<source src="/static/front-end/html5/mountains.mp4" type="video/mp4">
您的浏览器不支持HTML5 video标签。
</video>
</body>
</html>