从YouTube添加附加参数到yt.player对象

Question

我正在使用yt.player来启动Youtube视频，代码如下：

function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '720',
        width: '1280',
        html5: 0,
        videoId: 'i8IXMGHpGBk',
        events: {
            'onStateChange': function(e) {
                if (e.data == 0) {
                    //skrolla här
                }
            }
        }
    });
}

在使用嵌入代码添加视频时，我可以添加许多其他参数，例如：

controls=0&modestbranding=1&showinfo=0&autoplay=1

如果我想添加自动播放，可以尝试使用以下代码：

function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '720',
        width: '1280',
        html5: 0,
        videoId: 'i8IXMGHpGBk',
        autoplay: 1,
        events: {
            'onStateChange': function(e) {
                if (e.data == 0) {
                    //skrolla här
                }
            }
        }
    })

但是它没有起作用。我做错了什么？

- Himmators

Answer 1

function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '720',
        width: '1280',

        videoId: 'i8IXMGHpGBk',
        playerVars: { 'autoplay': 1, 'controls': 1,'autohide':1,'wmode':'opaque' },
        events: {
            'onStateChange': function(e) {
                if (e.data == 0) {
                    //skrolla här
                }
            }
        }
    })

尝试这段代码并在此回复我...

- codebreaker

---

虽然很棒，但自动隐藏似乎没有起作用，我使用了showinfo: 0。wmode是什么？ - Himmators

您好，wmode实际上是一个参数，用于解决在ytplayer中使用opaque、transparent等选项时的ZIndex问题。 - codebreaker