HTML5 Video Вставить Вернуться к плакату в конце игры

Я использовал Video.JS, но в конечном итоге пришлось отказаться от него и перейти с обычным тегом встраивания HTML-видео. Может ли кто-нибудь помочь мне с JavaScript, который вернет начало плакату, когда видео перестанет играть. Я работал в Video.JS, но не смог найти правильный код для стандартного HTML.

Вот текущий код, и я очистил JavaScript, так как он все равно не работает.

          

Самый простой способ, который я смог найти, – сбросить исходный текст видео в ended событии, чтобы он возвращался к началу. Другим способом справиться с этим было бы иметь div с изображением плаката в том, что вы поменяли место для видео, но это проще …

  

F-up для моего вышеприведенного комментария: событие onended срабатывает только после того, как видеоплеер потратил его содержимое и пошел в черное. Итак, между концом видео и плакатом мы видим черное мерцание.

Чтобы предотвратить мерцание, я просто запустил видео ближе к его концу, а затем вызвал .load() чтобы припарковать игрока на плакат:

  

 function video_time_update(video) { if (video.currentTime > 3.3) { video.load(); /* parks the video back to its poster */ } } 

Обратите внимание, что мы знаем, что наше видео длится 3,4 секунды, и мы не прочь пропустить последние несколько кадров. video_time_update() является ленивым и не требует для каждого тика.

И обратите внимание, что тем из вас, кто служит для видеороликов неизвестной продолжительности, может понадобиться this.duration вместо 3.3, там.

Пожалуйста, перейдите по ссылке ниже с реалистичной информацией: перенаправить html5 видео после игры

   

Надеюсь это поможет.

Ниже его 100%