Браузер Safari отображает кнопку воспроизведения/не воспроизводит фоновое видео автоматически в версии 17.2.1.Html

Программисты Html
Ответить
Anonymous
 Браузер Safari отображает кнопку воспроизведения/не воспроизводит фоновое видео автоматически в версии 17.2.1.

Сообщение Anonymous »

Я сделал фоновое видео для своего сайта, которое работало во всех браузерах. Но, похоже, возникла какая-то проблема с браузером Safari версии 17.2.1. По умолчанию видео будет остановлено, и будет видна кнопка воспроизведения (чего нет в других браузерах).
Пожалуйста, ознакомьтесь с приведенным ниже фрагментом (для лучшего понимания откройте его на полной странице):

Код: Выделить всё

#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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»