需要删除循环在自动播放背景视频jquery

Need to remove loop in autoplay background video jquery

本文关键字：背景 视频 jquery 自动播放 删除 循环      更新时间：2023-09-26

我是jquery新手，我有一个视频在我正在制作的网站主页的后台运行。

视频是自动播放的，是循环播放的，但我只想播放一次。我上网查看如何删除循环，但找不到任何答案。

这是代码:

<script src="https://code.jquery.com/jquery-2.1.3.js"></script><script type="text/javascript">
	$(window).bind("load", function() {
	if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
	} else {
	var banner = $('.sqs-slice-gallery-item > img'),
	height = banner.height(),
	width = banner.width();
	var url = "VIDEO URL HERE";
	banner.hide();
	$('<video class="bannerVideo" width="' + width + 'px" height="' + height + 'px" autoplay loop><source src="' + url + '" type="video/mp4"></video>').insertAfter(banner);
	adjustBanner($('.bannerVideo'), banner);
	$(window, banner).resize(function() {
	adjustBanner($('.bannerVideo'), banner);
	setTimeout(function() {
	adjustBanner($('.bannerVideo'), banner);
	}, 200);
	});
	}
	function adjustBanner (video, banner) {
	video.css({
	height: banner.css('height'),
	width: banner.css('width'),
	top: banner.css('top'),
	left: banner.css('left'),
	position: 'relative',
	'object-fit': 'inherit'
	});
	}
	});
	</script>

说明在W3Schools，

loop属性是一个布尔属性。

当出现时，它指定视频将重新开始，每次是时候完成了

为什么不直接删除JQuery代码中的loop属性呢?

<video class="bannerVideo"autoplay loop> // remove loop
相关文章：