Автовоспроизведение Chrome Vimeo Iframe больше не работает

Question

, так как через несколько дней мой 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 есть видео с автоматическим воспроизведением, которое работает.

РЕДАКТИРОВАТЬ: Chrome версия 66.0.3359.139 macOS High Sierra 10.13.4

У кого-нибудь есть идея или ответ?

Спасибо!

Answer 1

Автоигра + Приглушение + Запуск в момент времени x сек =

<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 параметр должен быть последним.

Answer 2

Если вы платный участник и хотите использовать видео в качестве фона, это, вероятно, то, что вам нужно:

? Background = 1 : Этот параметр автоматически отключает все элементы в плеере (панель воспроизведения, кнопки и т. Д.), Автозапуск, зацикливание и отключение звука при загрузке. Обратите внимание: параметр background поддерживается только для видео, размещенных платными участниками. Узнайте больше здесь.

Или, если вы не:

? Muted = 1 Этот параметр автоматически отключает ваше видео при загрузке. Как только ваше видео воспроизводится, зрители могут включить звук вручную, щелкнув на панели громкости в проигрывателе.

НО, я до сих пор не могу заставить его работать на телефоне.

Answer 3

Теперь видео с автоматическим воспроизведением работает только в том случае, если звук отключен, вам нужно добавить параметр muted в код api или iframe & muted = 1, вы можете изменить настройки браузера, чтобы разрешить автоматическое воспроизведение видео без звука: хром: // флаги / # автозапуск-политика Измените параметр по умолчанию на «Пользовательский жест не требуется»

Если пользователь щелкает видео, вы можете включить его !!

Answer 4

Вам необходимо добавить &muted=1 в путь iFrame src, а также добавить атрибут allow="autoplay" в iFrame. Теперь видео Vimeo снова автоматически запускается в Chrome.

Answer 5

Аннотирование <iframe> атрибутом allow сработало для меня:

<iframe ... allow="autoplay; fullscreen"></iframe>

Это называется "делегирование Iframe" и описано здесь: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes.

Answer 6

да, согласно их документации это так.

https://help.vimeo.com/hc/en-us/articles/115004485728-Autoplaying-and-looping-embedded-videos

EDIT:

Современные браузеры, такие как 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/

Примечание: Не предполагайте, что медиа-элемент будет воспроизводиться, и не показывайте кнопку паузы с самого начала. Посмотрите на Обещание, возвращенное функцией воспроизведения в 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
    });
}