Пожалуйста, ознакомьтесь с приведенным ниже фрагментом (пожалуйста, откройте его на полной странице, чтобы лучшее понимание):
Код: Выделить всё
#myVideo {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
}
/* Add some content at the bottom of the video/page */
.content {
position: fixed;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
color: #f1f1f1;
width: 100%;
padding: 20px;
}
Код: Выделить всё
Heading
Lorem ipsum...
Я указал все свойства, предложенные другими участниками сообщества, приглушенный цикл playsInline autoPlay, но, похоже, он не работает в браузере Safari версии 17.2.1.
tldr; Как исправить проблему, из-за которой фоновое видео отображает кнопку воспроизведения и остается на паузе (не воспроизводится автоматически) в начале (только в браузерах Safari)?
Изменить: Я только что узнал, что эта проблема возникает только тогда, когда система находится в режиме экономии заряда батареи.
Если у вас есть браузер Safari, вы можете открыть этот вопрос (запустить фрагмент кода) и сравнить его. с браузерами Chrome или Firefox.
Есть ли другие крупные веб-сайты, которые сталкиваются с этой проблемой, если кому-то нужен список, я тоже могу их предоставить? это важно
Подробнее здесь: https://stackoverflow.com/questions/784 ... video-in-v