Как автоматически запускать видео на iOS на youtube.com

Когда я устанавливаю автовоспроизведение в true для видео YouTube (IFrame API) на моем сайте, это не работает. Вся документация говорит, что apple отключает автовоспроизведение на ios по причинам пропускной способности.

Однако, я вижу, что видео воспроизводятся автоматически (без нажатия на элемент видео) на youtube.com на iPad. Как YouTube заработал? Было бы трудно представить, что Apple делает что-то особенное только для YouTube.

Ответы

Ответ 1

Кажется, что команда Youtube использует взаимодействие пользователя при нажатии/нажатии кнопки видео, чтобы разрешить воспроизведение.

Помните, что youtube.com - это SPA (одностраничное приложение), поэтому перезагрузка или перенаправление страниц не происходит.

Итак, у youtube.com нет автозапуска.

Ответ 2

Вы можете сделать это с помощью javascript.

Вот пример:

<div class="video-container">
    <div id="player"> </div> <!--<iframe width="960" height="720" src="//www.youtube.com/embed/5YptIh_avrM?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>-->

</div>

<script>
  // 2. This code loads the IFrame Player API code asynchronously.
  var tag = document.createElement('script');

  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  // 3. This function creates an <iframe> (and YouTube player)
  //    after the API code downloads.
  var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '720',
      width: '960',
      videoId: 'YOUR_ID_HERE',
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
  }



  // 4. The API will call this function when the video player is ready.
  function onPlayerReady(event) {
    event.target.playVideo();
    event.target.setVolume(20);
  }

  // 5. The API calls this function when the player state changes.
  //    The function indicates that when playing a video (state=1),
  //    the player should play for six seconds and then stop.
  var done = false;
  function onPlayerStateChange(event) {

  }
  function stopVideo() {
    player.stopVideo();
  }
</script>

Ответ 3

Я не тестировал это, но вы можете использовать Javascript и вызвать функцию воспроизведения для игрока или просто щелкнуть элемент, когда страница загрузилась.