У меня была эта проблема некоторое время, и это, кажется, ошибка перерисовки Chrome, которая не была исправлена. Так что я ищу какие-либо исправления.

Основная проблема заключается в том, что, когда элемент на странице имеет фоновое изображение, которое использует:

background-attachment: fixed;

Если другой элемент зафиксирован и имеет дочерний элемент видео, это приводит к исчезновению элемента с фоновым изображением.

Теперь он отлично работает в Safari (и Firefox и IE), так что это не совсем проблема webkit. Я применил несколько свойств, которые были предложены безрезультатно.

-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);

Начальная демоверсия

В настоящее время мое решение состоит в том, чтобы просто нацелить элементы с фиксированным изображением bg с помощью медиа-запроса и просто отключить фиксированное свойство фона.

@media screen and (-webkit-min-device-pixel-ratio:0) {
background-attachment: scroll;
}

Есть идеи?

Обновить

Рабочая Демо спасибо Даниилу

Обновление 2

Лучше демо!

Кричать, чтобыsomesayinice а такжеСообщение в блоге FourKitchens