Chrome Vimeo. Автоматическое воспроизведение iframe больше не работает.
так как несколько дней мой vimeo iframe больше не будет автоматически запускаться. Я знаю обновление chrome, которое блокирует видео с автовоспроизведением со звуком. Является ли блок уже активным?
Код примера Vimeo не работает:
<iframe src="https://player.vimeo.com/video/12345?autoplay=1&loop=1&autopause=0" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
Но netflix.com и vimeo сами имеют автовоспроизведение видео на главной странице, которая работает.
EDIT: версия Chrome 66.0.3359.139 macOS High Sierra 10.13.4
Кто-нибудь есть идея или ответ?
Спасибо!
Ответы
Ответ 1
да, согласно их документации это так.
https://help.vimeo.com/hc/en-us/articles/115004485728-Autoplaying-and-looping-embedded-videos
РЕДАКТИРОВАТЬ:
Современные браузеры, такие как FireFox, Chrome и Safari, теперь по умолчанию блокируют автозапуск видео.
Политика автоигры CHROME:
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
Индекс вовлеченности СМИ, или, вкратце, MEI, позволяет Chrome разрешить автозапуску аудио на вашей странице, основываясь на ваших предыдущих взаимодействиях с этой веб-страницей в качестве пользователя. Вы можете увидеть, как это выглядит, перейдя в
хром://медиа-взаимодействие/
MEI рассчитывается для каждого профиля пользователя и сохраняется в режиме инкогнито.
Политика автоигры WEBKIT/SAFARI:
https://webkit.org/blog/7734/auto-play-policy-changes-for-macos/
Улучшения автоигры FIREFOX:
https://www.ghacks.net/2018/09/21/firefox-improved-autoplay-blocking/
ПРИМЕЧАНИЕ: не предполагайте, что медиа-элемент будет воспроизводиться, и не показывайте кнопку паузы с самого начала. Посмотрите на Promise, возвращаемый функцией play в HTMLMediaElement, чтобы увидеть, было ли оно отклонено:
var promise = document.querySelector('video').play();
if (promise !== undefined) {
promise.catch(error => {
// Auto-play was prevented
// Show a UI element to let the user manually start playback
}).then(() => {
// Auto-play started
});
}
Ответ 2
Аннотирование <iframe>
с атрибутом allow
работало для меня:
<iframe ... allow="autoplay; fullscreen"></iframe>
Он называется "делегирование iframe" и описан здесь: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes.
Ответ 3
Вам нужно добавить &muted=1
в путь iFrame src, и вам нужно добавить атрибут allow="autoplay"
в iFrame. Теперь видеоролик Vimeo снова запускается автоматически в Chrome.
Ответ 4
Теперь видео с автовоспроизведением просто работает, если звук отключен, вам нужно добавить отключенный параметр в ваш код api или iframe и muted = 1, вы можете изменить настройки своего браузера, чтобы разрешить автовоспроизведение без звука: chrome://flags/# autoplay- политика Измените параметр по умолчанию на "Нет жестов пользователя"
Если пользователь нажимает на видео, вы можете отключить его!
Ответ 5
Если вы платный член и хотите использовать видео в качестве фона, это, вероятно, то, что вам нужно:
? background = 1: этот параметр автоматически отключает все элементы проигрывателя (панель воспроизведения, кнопки и т.д.), автовоспроизведение, циклы и отключает ваше видео при загрузке. Обратите внимание: фоновый параметр поддерживается только для видеороликов, размещенных платными членами. Подробнее здесь.
Или, если вы не:
? muted = 1 Этот параметр автоматически отключит ваше видео при загрузке. Как только ваше видео воспроизводится, зрители могут вручную отключить звук, щелкнув на панели громкости в проигрывателе.
НО, я все еще не могу заставить его работать по телефону.
Ответ 6
Автоигра + Без звука + Запуск в момент времени х сек =
<div>
<iframe src="https://player.vimeo.com/video/342787403?&autoplay=1&loop=1&title=0&byline=0&portrait=0&muted=1&#t=235s" style="position:absolute;top:0;left:0;width:100%;height:100%;" width="1400" height="900" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
</iframe>
</div>
Параметр #t должен быть последним.
Ответ 7
Вы пытались удалить кэш/локальные файлы? Любая ошибка на экране консоли?
Я думаю, это проблема с кешем.