Фоновое видео полной ширины как баннер в IE? - PullRequest
Новая
       3

Фоновое видео полной ширины как баннер в IE?

0 голосов
/ 21 октября 2019

Вот мой код ... 

.video-box{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	min-height: 100%;
	min-width: 100%;
	-webkit-transform-style: preserve-3d;

}
.video-box video{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: 100%;
	object-fit: cover;
}
  <div class="video-box">
    <video autoplay muted loop>
      <source src="../videos/spark.mp4" type="video/mp4">
    </video>
   </div>
Я хочу сделать следующее:

Я пытаюсь добавить фоновое видео в качестве баннера, оно поддерживалось в Chrome и Firefox, но не в Интернете. Проводник? Как это сделать?

Ответы [ 2 ]

0 голосов
/ 21 октября 2019

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

Вот результат тестирования: 

<!doctype html>
<html>
<head>
<title>video demo</title>
<style>
.video-box{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	min-height: 100%;
	min-width: 100%;
	-webkit-transform-style: preserve-3d;

}
.video-box video{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: 100%;
	object-fit: cover;
}
</style>
</head>
<body>
<div class="video-box">
    <video autoplay muted loop>
      <source src="https://file-examples.com/wp-content/uploads/2017/04/file_example_MP4_480_1_5MG.mp4" type="video/mp4">
    </video>
   </div>
</body>
</html>

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

Если вы используете любую старую версиюIE, чем рекомендуется обновить до версии IE 11.

0 голосов
/ 21 октября 2019

Какая версия IE вам нужна для работы?

Попробуйте добавить <meta http-equiv="X-UA-Compatible" content="IE=Edge"/> в ваш HTML-файл в разделе <head>.

...