Показать Меню
falbar z-index для плеера YouTube

Работа свойства z-index с плеером YouTube

z-index для плеера YouTube

Вставка видео на сайт в большинстве случаев обычный копипаст, который редко может вызвать какую-либо проблему. Но недавно, совершая эту обыденную операцию, я наткнулся на мелкую «пакость» со свойством z-index и плеером YouTube.

Когда я добавил видео на главную страницу сайта, то оно автоматически стало поверх всех элементов HTML страницы, и, в том числе, зафиксированного меню. Попытка воспользоваться свойствам z-index ни к чему не привела, так как должного результата не удалось достигнуть в нескольких браузерах.

Порывшись по интернету, я наткнулся на довольно простое решение этой проблемы, которым с Вами и поделюсь. Суть в том, что к тегу iframe необходимо добавить атрибут wmode со значением opaque или дописать в пути видео &wmode=opaque.

<iframe src="путь_до_видео" wmode="opaque"></iframe>

или

<iframe src="путь_до_видео&wmode=opaque"></iframe>

После этих простых манипуляций с iframe свойство z-index начало работать с плеером YouTube. Возможно, эта статья будет полезна тем, кто столкнётся с такой же неприятностью.

Подписаться на обновления

Комментариев еще не оставлено