Пожалуйста, ознакомьтесь с приведенным ниже фрагментом (для лучшего понимания откройте его на полной странице):
Код: Выделить всё
#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...
Я указал все свойства, предложенные другими участниками сообщества, приглушил цикл воспроизведения, автозапуск в режиме онлайн, но, похоже, он не работает для браузера Safari версии 17.2.1.
tldr; Как я могу исправить проблему, при которой фоновое видео отображает кнопку воспроизведения и остается приостановленным (не воспроизводится автоматически) в начале (только в браузерах Safari)?
Изменить: я только что узнал, что эта проблема возникает только тогда, когда система находится в режиме экономии заряда батареи.
Если у вас есть браузер Safari, вы можете открыть этот вопрос (запустить фрагмент кода) и сравнить его с Chrome или Firefox браузеры.
Есть ли другие крупные веб-сайты, которые сталкиваются с этой проблемой? Если кому-то нужен список, я тоже могу их предоставить? это важно
Подробнее здесь: https://stackoverflow.com/questions/784 ... video-in-v
Мобильная версия