API iframe YouTube не запускается автоматически

Question

У меня проблемы с загрузкой YouTube Iframe API для автоматического воспроизведения видео.Вы можете увидеть часть моего кода здесь, а полный код в ссылке Codepen ниже.

<!-- language: lang-js -->
window.onYouTubeIframeAPIReady = function() {
  let player;

  player = new YT.Player('player', {
    height: '200',
    width: '360',
    videoId: videoId,
    suggestedQuality: 'hd720',
    events: {
      'onReady': event => {
        event.target.playVideo();
      }
    },
    playerVars: config
  });
}

См. Мой Codepen

Answer 1

Согласно документам Google, если вы запустите какой-либо код «автозапуска» на мобильном устройстве, он не будет работать.

Элемент HTML5 только в некоторых мобильных браузерах (таких как Chrome и Safari)разрешает воспроизведение, если оно инициировано взаимодействием с пользователем (например, касанием плеера).

Answer 2

Автоигра будет работать только с некоторыми требованиями.В Chrome есть новая политика автозапуска: https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

Правила автозапуска Chrome просты:

• Приглушенный автозапуск всегда разрешен.
• Автозапуск со звуком разрешен, если:
  • Пользователь взаимодействовал с доменом (нажмите, коснитесь и т. Д.).
  • На рабочем столе было превышено пороговое значение индекса вовлеченности пользователя для пользователяЭто означает, что пользователь ранее воспроизводил видео со звуком.
  • На мобильном устройстве пользователь добавил сайт на свой домашний экран.
• Верхние кадры могут делегировать разрешение на автозапускк их фреймам, чтобы разрешить автоигру со звуком.

Индекс вовлечения медиа (MEI)

MEI измеряет склонность человека к потреблению медиа на сайте.Текущий подход Chrome - это соотношение посещений к значительным событиям воспроизведения мультимедиа на источник:

• Потребление мультимедиа (аудио / видео) должно быть больше 7 секунд.
• Аудио должно бытьприсутствует и не включается.
• Вкладка с видео активна.
• Размер видео (в пикселях) должен быть больше 200x140.

Если выхотите убедиться, что видео будет воспроизводиться всегда, просто отключите его.