Несовместимое фоновое воспроизведение видео с помощью браузера Google Chrome - PullRequest
0 голосов
/ 21 сентября 2018

Я понимаю, что политика автозапуска Google означает, что фоновые видео - например, как заставка на главной странице - должны воспроизводиться автоматически (в Chrome 66+), если в них нет звука: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

Однако я получаю противоречивые результаты по двум различным темам Wordpress, используя одно и то же фоновое видео, в котором отсутствует звуковая дорожка.

Я использую Google Chrome v. 69.0.3497.100 (Официальная сборка) (64-разрядная версия)) на ПК с Windows 10.

Я настроил тестовую страницу, используя тему Wordpress Twenty Seventeen, и фоновое видео мне подходит: https://www.jmotion.co.uk/clients/Test_Site/

Однакоточно такое же видео остается в первом кадре на тестовой странице на веб-сайте моей компании, в котором используется тема THB, Zancudo: https://www.jmotion.co.uk/t1/

Воспроизвести это фоновое видео можно только после открытия Chrome's Inspectorи выполнить повторную загрузку: CTRL + Shift + R

Базовое кодирование HTML, по-видимому, в целом похоже для каждого экземпляра видео, причемИспользование атрибута «приглушен».

ДВАДЦАТЬ СЕМЬДЕСЯТ:

video id = "wp-custom-header-video" autoplay = "" loop = "" width = "2000" height = "1200"src =" https://www.jmotion.co.uk/clients/Test_Site/wp-content/uploads/2018/09/Cafe1280.mp4">

ZANCUDO:

video class = "wp-video-shortcode thb-video -loaded" "id =" video-6193-1_html5 "width ="640" height = "360" loop = "1" autoplay = "1" preload = "metadata" src = "https://www.jmotion.co.uk/wp-content/uploads/2018/09/Cafe1280.mp4?_=1" style =" width: 1583px; высота: 890.438px; ">

IЯ не кодер (строго копировать / вставлять!), но я безуспешно копался в обоих наборах файлов тем, чтобы попытаться выяснить, почему Chrome по-разному обрабатывает эти два экземпляра фонового видео.

IМы убедились, что обе темы теперь используют одну и ту же версию «mediaelement», но это не имеет значения.

Я видел из других сообщений на форуме, что добавление «muted» в код для вставки видео можетбыть решением.Тем не менее, я не могу найти, как это сделать, потому что фоновое видео автоматически помещается при программировании каждой темы в заголовок (а не как HTML-кодирование непосредственно на страницу) - и я не могу найти, как это video Код для вставки генерируется любой темой.Или он генерируется файлами Wordpress media.php и / или media-template.php?

Буду очень признателен за любую помощь в этом.Я не хочу менять темы - я действительно хочу использовать фоновое видео на нашем сайте Zancudo, если я смогу сделать его полностью совместимым с Chrome.

(Кстати, у меня нетпроблемы с воспроизведением фонового видео через Internet Explorer 11 и Microsoft Edge 42.17134.1.0 на ПК с Win10, Safari 10 на iPad ios 10.3.3, Google Chrome 69 на iPad ios 10.3.3)

Спасибо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...