Проблема с игрой на Youtube

Question

Я включил видео YouTube в магазин Shopify, но, как мы знаем, он не работает автоматически на мобильных телефонах и вкладках, поэтому я использовал API YouTube для воспроизведения на внешнем клике, поскольку мне это не нравится большая красная кнопка Но не могу заставить ее исчезнуть, проблема заключается в том, что у меня уже есть текст, размещенный над видео, поэтому нельзя использовать оверлейное изображение, подобное большинству решений.

Мой код:

<div class="video-wrapper"> 
    <div id="bucklesburyVideo"></div> 
</div> 
<script> 
    var tag = document.createElement('script'); 
    tag.src = "https://www.youtube.com/player_api"; 
    var firstScriptTag = document.getElementsByTagName('script')[0]; 
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 

    var player; 

    function onYouTubePlayerAPIReady() { 
     player = new YT.Player('bucklesburyVideo', { 
      playerVars: { 
       'playlist': 'f8BxdOvj1Ho', 
       'loop': 1, 
       'autoplay': 1, 
       'controls': 0, 
       'showinfo': 0, 
       'wmode': 'opaque' 
      }, 
      videoId: 'f8BxdOvj1Ho', 
      events: { 
       'onReady': onPlayerReady 
      } 
     }); 
    } 

    function onPlayerReady(event) { 
     event.target.mute(); 
     var playButton = document.getElementById("play-button"); 
     playButton.addEventListener("click", function() { 
      player.playVideo(); 
     }); 

     var pauseButton = document.getElementById("pause-button"); 
     pauseButton.addEventListener("click", function() { 
      player.pauseVideo(); 
     }); 
    } 
</script> 

Answer 1

Если вы проверяете IFrame API и ее player parameter, нет никаких инструкций или метод там, который может показать вам, как скрыть большую красную кнопку воспроизведения на YouTube. Итак, что я могу предложить вам использовать пользовательский CSS, чтобы скрыть или настроить расположение кнопки «Воспроизведение».

Проверьте это thread, если это может вам помочь.

Для получения дополнительной информации, проверьте другое решение в этом SO question.