Мобильный веб-сайт Android Html5 Video: когда я меняю источник видео, браузер получает контент дважды - PullRequest
Новая
       26

Мобильный веб-сайт Android Html5 Video: когда я меняю источник видео, браузер получает контент дважды

0 голосов
/ 07 октября 2019

У меня вопрос по тегу мобильного веб-видео.

Когда я пытаюсь сменить источник видео и воспроизвести, broswer дважды получает содержимое и воспроизводит его.

Это изображение захвата ответа Fiddler.

android_video

iOS_video

Это позволяет воспроизвести видео дважды и инициализировать currentTime.

Thisпроисходит только в Android Chrome. Это нормально для iOS и Android Firefox.

Вот мой пример кода. 

<video id="video" height = 300 width = 500 src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" controls>
</video>
<button id="changeBtn">Change!</button>

var btn = document.getElementById('changeBtn');
btn.addEventListener("click", function(){
    var video = document.getElementById('video');
  var seekTime = video.currentTime;
  video.src = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
  video.load();
  var checkVideo = setInterval(function(){
    if(video.readyState > 3){
        video.play();
        video.currentTime = seekTime;
      clearInterval(checkVideo);
    }
  }, 500);
})

Я хочу изменить источник видео, обновить currentTime и воспроизвести видео только один раз. Как я могу это исправить?

...