Столкнулся со странным поведением в сафари. Есть код:
<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 - тоже.
Кто-то может объяснить, что тут происходит?