尤明明Blog

网站建设 | 前端切图,技术不仅是一种专业,更是一种责任!

您的当前位置: 首页 » 前端学习 » js常用代码 »

video自动播放实现

2024-12-05   Umming   js常用代码    评论(0)    浏览(61)


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		#video {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
		}
	</style>
</head>
<body>
	<video id="video"  src="images/video/z.mp4" object-fit="fill"  x5-playsinline="" playsinline="true" webkit-playsinline="true" poster muted loop autoplay></video>
<script>
	setTimeout(function(){
		var video = document.getElementById("video");
		video.play();
		video.controls = false;
	},50)
</script>
</body>
</html>

标签: js代码

本文链接:https://www.umming.com/js/375.html

声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!


发表评论:

//