Как скрыть кнопку воспроизведения Youtube на мобильном устройстве, если видео добавлено в качестве фона

Question

Я пытаюсь использовать видео в качестве фона, который работает нормально, и я могу зациклить его, но он не работает для следующих

1. loop=1 не повторяется с start=180, когда видео заканчивается

2. тот же код показывает видео с кнопкой воспроизведения на iphone, но не воспроизводит видео, которое, по моему мнению, теперь автозапуск заблокирован iphone, но я не могу воспроизвести видео, когда я нажимаю кнопку воспроизведения.

3. как я могу показывать только уменьшенное изображение на видео YT без кнопки воспроизведения

4. Могу ли я зациклить видео между временем начала и окончания

КОД

<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