Как установить wmode = opaque с помощью YouTube iframe API HTML5?

Question

Я встраиваю экспериментальные возможности Youtube5 iframe в веб-сайт с помощью API javascript:

Справочник по API проигрывателя YouTube для Встраивает

Iя знаю о проблемах с z-index, и это исправление, которое включает в себя добавление wmode = opaque (или wmode = transparent) к URL-адресу iframe:

Исправлено.Мой YouTube-iframe z-index игнорируется и находится над фиксированным div

Когда вы просто используете API javascript, как настроить wmode на opaque:

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

Хмм ...

Ну, похоже, я поспешил опубликовать вопрос. Похоже, что правильная форма для настройки wmode в API:

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
        }
    });
 }

Надеюсь, это поможет кому-то еще.

Answer 2

Насколько я могу судить, по умолчанию установлено значение opaque.Я протестировал изменение wmode на transparent, opaque и удалил его.Когда он не был указан, он автоматически установился на opaque.

Я не уверен, что так было всегда, но это определенно так.

Также помните, что это применимо только при использовании Flash playerВы можете отключить проигрыватель HTML 5, чтобы проверить это, что является настройкой по умолчанию с помощью плагина 'Disable Youtube ™ HTML5 Player' .Затем просто осмотрите элемент и просверлите, пока не найдете тег EMBED.