Iframe YouTube встраивает сокрытие HTML-элементов

Question

Я работал над панелью инструментов в верхней части моего примера веб-сайта:

http://theplagueround.com/dev/

, но он скрыт за любым видеоконтентом на YouTube.Я видел пост или два о добавлении параметров в тег, но YouTube теперь также использует iframes, так что это не применяется.

Answer 1

Вы можете попробовать мой плагин для Youtube (пока 4000+ загрузок): шорткод Youtube

О проблемах проектирования не сообщалось.

Answer 2

Чтобы видео Youtube появлялось за панелью инструментов, необходимо добавить параметр wmode = transparent в конец URL.

Так измените это:

<iframe width="425" height="349" 
    src="http://www.youtube.com/embed/H1Opn4DS88k" 
    frameborder="0" allowfullscreen></iframe>

к этому:

<iframe width="425" height="349" 
    src="http://www.youtube.com/embed/H1Opn4DS88k?wmode=transparent"     
    frameborder="0" allowfullscreen></iframe>

Подробнее здесь:

• http://www.brandondawson.org/web-design/new-youtube-iframe-embed-code-wmodetransparent

Если вы не хотите жестко закодировать HTML-код в своих сообщениях, вы должны использовать плагин, подобный тому, который предоставлен @Tubal Martin. Преимущество этого заключается в том, что если YouTube обновит свой код для встраивания в будущем, вам нужно всего лишь обновить плагин до последней версии.