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

Question

我是 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>

如有任何帮助，我们将不胜感激。

Answer 1

Spec here on W3Schools,

The loop attribute is a boolean attribute.

When present, it specifies that the video will start over again, every time it is finished.

为什么不直接删除 JQuery 代码中的循环属性？

<video class="bannerVideo"autoplay loop> // remove loop

那么应该只播放一次。

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

Need to remove loop in autoplay background video jquery

javascript

video

jquery

loops

autoplay