Изменить источник видео после определенного начала и конца видео продолжительностью HTML5

Question

Я хочу изменить источник видео после определенной продолжительности.

У меня есть, например, 3 видео каждые 60 секунд.Я хочу начать видео1 с 15 секунд, а затем через 30 секунд я хочу запустить видео2, а затем через 45 секунд видео3 до концапримерВремя начала видео1 = 15 секунд и время окончания = 30Время начала видео2 = 31 секунда и время окончания = 45Время начала видео3 = 46 секунд и время окончания = 60

Я могу обработать время начала и окончания видео, используя URI Media Fragment <video class="v" controls src="vid1.mp4#t=15,30"></video>https://www.w3.org/TR/media-frags/#standardisation-URI-fragments

http://www.annodex.net/~silvia/itext/mediafrag.html#t=40

Я попробовал решения JavaScript, которые дают огромный разрыв всей странице при загрузке 2-го видео

Я ожидаю, что должно быть какое-то чистое решение, которое можетплавно изменить источник видео

Answer 1

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

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

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

Этот метод используется некоторыми видеосервисами OTT для смешивания рекламыразрывы с основным видео.