Динамическое изменение видео.src HTML 5

Question

как изменить video.src при просмотре видео

current = video.currentTime;
video.src = '2.mp4';
video.currentTime = current;
video.play();

Все работает.Но видео на мгновение прерывается.

Как сменить видео, не прерывая просмотр.Youtube динамически меняет видео с автоматическим изменением качества

Answer 1

youTube использует то, что называется Adaptive Streaming - фрагментированная структура MP4 позволяет им быстро и плавно менять качество вверх / вниз, потому что они загружают контент только очень маленькими порциями (около 2 секунд).Если вы хотите сделать это, вам нужно будет посмотреть на плеер, который поддерживает HLS или (лучше на будущее) MPEG-DASH (например, jwPlayer ) вместе с подходящим решением для кодирования (например, ).Encoding.com )

Если вы хотите беспрепятственно изменить источник на новое видео, то лучший способ сделать это - разместить на странице два видеоэлемента со вторым источником, загруженным, буферизованным иприостановить (или обновить currentTime, чтобы синхронизировать их), а затем, когда вы захотите переключиться, переключите видимость на два видеоэлемента.Все еще будет небольшой переход (особенно, если две точки воспроизведения не находятся в одинаковом положении).