api - 如何使用 Youtube 的 HTML5 iframe API 设置 wmode=opaque？

Question

我正在通过使用 javascript API 在网站中嵌入 Youtube 的实验性 HTML5 iframe 功能:

YouTube Player API Reference for <ifram> Embeds

我知道这带来的 z-index 问题，以及涉及将 wmode=opaque(或 wmode=transparent)添加到 iframe url 的修复:

Fixed. My Youtube iframe z-index is ignored and is above a fixed div

当只使用javascript API时，如何将wmode设置为不透明:

function onYouTubePlayerAPIReady() {
    var player;
    player = new YT.Player('player', {
        width: 1280,
        height: 720,
        videoId: 'u1zgFlCw8Aw',
        // if I try adding wmode: opaque here, it breaks
        playerVars: {
            controls: 0,
            showinfo: 0 ,
            modestbranding: 1
            // if I try adding wmode: opaque as a playerVar here, it breaks
        },
        events: {
            'onReady': onPlayerReady,
            'onPlaybackQualityChange': onPlayerPlaybackQualityChange
        }
    });
 }

有什么想法吗？

Answer 1

嗯...

好吧，看来我是仓促发布了这个问题。在 API 中设置 wmode 的正确形式似乎是:

function onYouTubePlayerAPIReady() {
    var player;
    player = new YT.Player('player', {
        width: 1280,
        height: 720,
        videoId: 'u1zgFlCw8Aw',
        playerVars: {
            controls: 0,
            showinfo: 0 ,
            modestbranding: 1,
            wmode: "opaque"
        },
        events: {
            'onReady': onPlayerReady,
            'onPlaybackQualityChange': onPlayerPlaybackQualityChange
        }
    });
 }

希望这对其他人有帮助。