Question

我正在尝试将YouTube视频用作背景，但是无法使用 YouTube视频API

    'autoplay': 1, 'controls': 0, 'mute' : 1, 'loop': 1

我已在CodePen上树立了榜样。

https://codepen.io/randometc/pen/GBXvKP

函数 onYouTubeIframeAPIReady（）

似乎正在工作（？），因为onStateChange函数正在触发。

    function onYouTubeIframeAPIReady() {
          player = new YT.Player('existing-iframe-example', {
          videoId: 'cLzY3cmrgIU',
          playerVars: {'autoplay': 1, 'controls': 0, 'mute' : 1, 'loop': 1 },
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
            }
          });
        }

但是完全没有读取PlayerVars。

Answer 1

您可能希望按照此link中所述，将属性添加到该嵌入链接的末尾。示例：

<iframe width="853" height="480" src="//www.youtube.com/v/lG5aSZBAuPs&autoplay=1&loop=1&playlist=lG5aSZBAuPs" frameborder="0" allowfullscreen></iframe>

也基于此documentation关于loop的信息：

此参数在AS3播放器和IFrame嵌入中的支持有限，它们可能会加载AS3或HTML5播放器。当前，loop参数仅在与playlist参数一起使用时才在AS3播放器中起作用。要循环播放单个视频，请将循环参数值设置为1，并将playlist参数值设置为已在Player API URL中指定的相同视频ID。

未读取YouTube视频API参数（自动播放，循环，控件）

1 个答案: