play () не работает при смене источника HTML <video>на мобильном устройстве - PullRequest
0 голосов
/ 19 октября 2018

Я пытаюсь изменить атрибут src элемента HTML и воспроизвести его через 10 секунд воспроизведения первого видео, на рабочем столе оно работает нормально, однако на мобильных устройствах оно застревает после смены источника иникогда не проигрывается.

Я использую plyr.js, но то же самое происходит и без него.

document.addEventListener('DOMContentLoaded', () => { 
  const player = new Plyr('#player', {
      controls: ['play-large', 'play', 'progress', 'current-time', 'mute', 'volume', 'captions', 'settings', 'pip', 'airplay', 'fullscreen'],
  });

  player.on('ready', event => {
    player.play();
  });

  player.on('timeupdate', event => {
    console.log(player.currentTime);
    if (player.currentTime > 10) {
      player.source = { 
        type: 'video',
        sources: [
          {
            src: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerEscapes.mp4',
            type: 'video/mp4',
            size: 720,
          }
        ]
      }
    }
  });
});

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

https://codepen.io/andreupifarre/full/qJYeJL/

Является ли это частью политики?Я делаю что-то неправильно?Можно ли это сделать?

...