在移动设备上更改HTML <video>源时，play（）无法正常工作

Question

我正在尝试更改HTML

我正在使用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/

这是政策的一部分吗？难道我做错了什么？能做到吗？