Почему видео WordPress не воспроизводится и без автозапуска?

Question

На моей веб-странице есть только видео. Он хорошо играет на Edge, но не на мобильном устройстве и Chrome.

• видео .mp4
• автозапуск отключен
• Я использую тему OceanWP но я пробовал также тему Astra без успеха
• Я использую Elementor для редактирования страницы

Есть много вопросов по этой теме c, но ни один из них не имеет решения, которое исправляет мою проблему.

РЕДАКТИРОВАТЬ

Answer 1

Из официальной документации Apple WebKit (iOS):

Начиная с iOS 10, WebKit ослабляет свои встроенные политики и правила автозапуска, чтобы сделать эти презентации возможными, но при этом учитывает сайты батареи 'bandwidth and users'.

По умолчанию WebKit будет иметь следующие политики:

• Видеоэлементам будет разрешено автоматическое воспроизведение без жестов пользователя, если их исходный носитель не содержит аудио дорожек.
• приглушенные элементы видео также могут автоматически воспроизводиться без жеста пользователя. Если элемент получает звуковую дорожку или становится без звука без жеста пользователя, воспроизведение будет приостановлено.

https://webkit.org/blog/6784/new-video-policies-for-ios/

Как и для мобильных устройств Chrome (Android):

Приглушенный автозапуск для видео поддерживается Chrome для Android начиная с версии 53. Воспроизведение начнется автоматически для видеоэлемента, как только он появится, если оба параметра: autoplay и muted установлены , и воспроизведение приглушенных видео может быть запущенным программно с play (). Ранее воспроизведение на мобильном устройстве должно было инициироваться жестом пользователя независимо от состояния приглушения.

https://developers.google.com/web/updates/2016/07/autoplay

Пример:

 <video id="myVideo"muted defaultMuted autoplay playsinline controls>
     <source src="myVideo.mp4" type="video/mp4">
 </video>

Answer 2

Ваш предварительный просмотр видео показывает, что видео файл не работает. Вы должны увидеть миниатюру видеофайла, например, такую:

Я не уверен, почему, но это может быть файл на Сервер был перемещен / переименован / удален, так как вы добавили видео на эту страницу. Одно из объяснений того, что он работает на Edge, но не на мобильных устройствах, возможно, ранее изображение было кэшировано в браузере Edge.

Если вы удалите изображение и попытаетесь добавить его через Elementor, можете ли вы воспроизвести проблему?

Другая идея - у вас может быть слегка поврежденный видеофайл. Попробуйте отредактировать его в любой программе для редактирования видео (несколько бесплатных онлайн) и посмотрите, работает ли экспортированный файл на вашей странице.