Я пытаюсь изменить атрибут 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/
Является ли это частью политики?Я делаю что-то неправильно?Можно ли это сделать?