在html5中嵌入视频

在网页中嵌入视频：

用video

播放控件：

加入controls属性

自动播放：

加入autoplay属性，chrome浏览器并不会自动播放，但静音后可以自动播放

静音播放：

加入muted属性

<!DOCTYPE>
<html>
<head>
	<meta charset="utf-8">
</head>
<body>
	<video src="img/d.mp4" width="544" height="960" controls autoplay muted>非常抱歉</video>
</body>
</html>

视频预加载：

preload属性，有三个属性，分别为

  • auto：让浏览器尽快加载视频
  • metadata：加载视频的元数据，比如视频的宽度、高度、第一帧影像、视频的总长度等等，
  • none：不会预加载，也就是不会加载任何东西

封面：

默认情况下，视频的第一帧影像就是视频的封面，但可以用poster属性来定制封面

循环：

加入loop属性，视频会循环播放

<!DOCTYPE>
<html>
<head>
	<meta charset="utf-8">
</head>
<body>
	<video src="img/d.mp4" width="544" height="960" controls poster="img/a.png" loop>非常抱歉</video>
</body>
</html>
posted @ 2021-02-18 18:12  ice--cream  阅读(412)  评论(0)  编辑  收藏  举报