Question

我在自己的网站上嵌入了YouTube视频，并希望从中删除所有播放/暂停功能。我已经做到了，所以控件不可见;但是，当用户点击视频时，视频仍会暂停。

我正在使用youtube＆＃34;播放器＆＃34;和div嵌入它：

<div id="player" style="position: absolute; width:100%; height: 100%;" frameborder="0">   </div>

<script>
var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '100%',
      width: '100%',
      videoId: 'Ir8-0xOptFA',
      playerVars: { 'autoplay': 1, 'controls': 0, 'showinfo' : 0, 'wmode' : 'transparent', 'modestbranding': 1},
      events: {
        'onReady': onPlayerReady,
      },
      version: 3
    });
  }
 </script>

这个想法是这个视频将作为背景＆＃39;对于网站的主页面。任何见解都会非常感激！

Answer 1

您是否考虑过覆盖透明的DIV？

Your question may have already been answered here?

Answer 2

查看THIS链接

THIS链接。

您可能需要加载预览图像来代替按钮。不确定这是否有帮助

删除嵌入式YouTube视频上的播放/暂停

2 个答案: