@vokose8504

Почему safari воспроизводит transition при открытии страницы?

Столкнулся со странным поведением в сафари. Есть код:
<nav class="nav"></nav>
<video src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" controls preload="none"></video>

.nav {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:#f00;
	transition: opacity 20s, visibility 20s;
	visibility: hidden;
	opacity: 0;
}

При открытии страницы в safari сразу же начинает воспроизводится переход opacity 1 -> 0
При этом это происходит только, если на странице где-то есть тег video и если стили подключаются из файла с помощью link.
Если подключить с помощью тега style, то проблема не наблюдается. Если удалить video - тоже.
Кто-то может объяснить, что тут происходит?
  • Вопрос задан
  • 32 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы