Question

我正在尝试使用视频作为背景，但效果很好，我可以循环播放视频，但不能跟随

loop=1不会再从start=180循环播放
相同的代码在iPhone上使用“播放”按钮显示视频，但无法播放我认为可靠的视频，但现在我被iphone阻止了，但是当我按下“播放”按钮时却无法播放视频。
我如何仅在没有播放按钮的情况下在YouTube视频上显示缩略图
我可以在开始时间和结束时间之间循环播放视频吗？

代码

<div class="videobg">
  <div class="videobg-width">
    <div class="videobg-aspect">
      <div class="videobg-make-height">
        <div class="videobg-hide-controls">
            <iframe src="https://www.youtube.com/embed/tOjJ2BhKCnw?controls=0&amp;start=180&amp;autoplay=1&amp;loop=1&amp;playlist=tOjJ2BhKCnw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </div>
      </div>
    </div>
  </div>
</div>



var timeoutId;
var $videoBgAspect = $(".videobg-aspect");
var $videoBgWidth = $(".videobg-width");
var videoAspect = $videoBgAspect.outerHeight() / $videoBgAspect.outerWidth();

function videobgEnlarge() {
  console.log('resize');
  windowAspect = ($(window).height() / $(window).width());
  if (windowAspect > videoAspect) {
    $videoBgWidth.width((windowAspect / videoAspect) * 100 + '%');
  } else {
    $videoBgWidth.width(100 + "%")
  }
}

$(window).resize(function() {
  clearTimeout(timeoutId);
  timeoutId = setTimeout(videobgEnlarge, 100);
});

$(function() {
  videobgEnlarge();
});

CodePen：https://codepen.io/anon/pen/XGpXzd

如果将视频添加为背景，如何在移动设备上隐藏Youtube播放按钮

0 个答案: