Я хочу наложить видео на какой-нибудь текст.Html / css отлично работает в Safari и Firefox, но в Chrome текст исчезает при прокрутке.Вот краткое видео, показывающее проблему: https://imgur.com/2iShiaL
HTML / CSS довольно прост:
<figure> <video preload autoplay loop muted playsinline src="https://zachholman.com/video/utc-one.mp4" poster="https://zachholman.com/images/talks/utc/poster-one.jpg">Your browser does not support the video tag.</video> <h1 style="left:8vw; top:6vw; font-size: 5vw; color:blue;"> <div>What is</div> <div>Time?</div> </h1> </figure>
и
* { margin: 0; padding: 0; } figure { position: relative; } figure video { width: 100%; display: block; } figure h1 { position: absolute; }
Вот кодекс: https://codepen.io/tcurdt/pen/MXJpPr/
Это хорошо известная ошибка в Chrome?Есть ли работа вокруг?
Это было исправлено в последней сборке.Обновление Google Chrome исправило это.Так просто.