Есть ли функция чтобы скрыть видео frame на всех страницах только для internet explorer?

Question

[Евгений М]

Здравствуйте. Можно ли написать функцию в functions.php чтобы на сайте на всех страницах отключить отображение вставленных видео youtube но только для пользователей Internet Explorer ?
Видео вставляются в записи примерно таким образом

<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube><div class="wp-block-embed__wrapper">Ссылка на видео</div></figure>

Я не силён в программировании php совсем, попробовал нечто такое, но это конечно неправильно и не работает

function hidevideoie(){
	if( strpos($_SERVER['HTTP_USER_AGENT'],'MSIE')!==true ||
 wp_deregister_script('wp-block-embed');
}
add_action( 'hidevideoie' );

Comments

[Rustam Bainazarov]

Можете сделать простым и быстрым CSS-хаком.

[Rustam Bainazarov]

/* Скрываем */
.wp-block-embed-youtube {
    display: none;
}

/* IE не поддерживает @supports, поэтому iframe будет показываться только в других браузерах */
@supports (animation-name: test) {

   .wp-block-embed-youtube {
       display: block;
   } 

}

[Евгений М]

SmthTo, не знаю как. У меня есть отдельный файл стилей ie.css и соответственно style.css
и там и там есть например такие строки

article, aside, details, figcaption, figure, footer, header, nav, section {
	display: block;
}

embed, iframer, object {
	width: 100%;
}

если я меняю в ie.css это на display: none; то ничего не меняется. Стили .div меняются, т.е. хаки работают, а это не знаю как изменить стилями

[Rustam Bainazarov]

3vgeny, вынесите мой код в style.css. Разместите в самое начало файла, чтобы проверить. Только всякие кэши не забудьте выключить.

[Евгений М]

SmthTo, wp-block-embed-youtube добавляет движок wordpress в файлах style.css у меня такого стиля нет

[Rustam Bainazarov]

3vgeny, и что дальше, что у вас его нет? Как связан DOM и CSS в таком уровне технологий (без React и т. п.)? Никак. В CSS мы можем разместить что угодно.

Ещё раз, добавьте мой код в style.css.

[Rustam Bainazarov]

И да, скиньте ссылку на сайт, чтобы я мог подсказать, что нужно добавить что если не работает.

[Евгений М]

SmthTo, Вставил в самый верх style.css сохранился, почистил кеш но видео показывает во всех браузерах. а в IE просто чёрный экран. Попробовал тоже самое только без слова youtube .wp-block-embed тоже нет (

[Евгений М]

SmthTo, извиняюсь сайт пока не работает, сейчас на локалке борюсь с багами

[Евгений М]

SmthTo, ура, победил, спасибо за наводку, очень помогли.

Может кому пригодиться. (Названия стилей могут отличаться)
Для IE 7,8 версии в style.css :

*:first-child+html .wp-block-embed-youtube {
	display: none;
}
*:first-child+html .wp-block-embed__wrapper {
       display: none;
   }

Для IE 10,11 :

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.wp-block-embed-youtube {
	display: none;
}
.wp-block-embed__wrapper {
       display: none;
   }
}

На 9 версии не пробовал, но возможно подойдёт так

.wp-block-embed-youtube {
	display: none\9;
}
.wp-block-embed__wrapper {
       display: none\9;
   }