Блог

Главная - Вопросы по программированию - Функция прямой и обратной передачи не работает для длинного видео в теге Video html 5

Функция прямой и обратной передачи не работает для длинного видео в теге Video html 5

#javascript #html #video-streaming #html5-video #video-processing

#javascript #HTML #потоковое видео #html5-video #обработка видео

Вопрос:

Я использую Html-тег video. Я добавил URL-адрес видео из azure blob. Когда я нажимаю на воспроизведение, оно начинает воспроизводиться, но когда я хочу выполнить перемотку вперед и назад к видео, оно не переходит в ту позицию, с которой я хочу начать воспроизведение. Он все еще находится в этой текущей позиции. Итак, я хочу показать загрузку при нажатии на переадресацию, когда видео не готово к воспроизведению, как на YouTube. Вот мой код: 

 <video id="video" class="family-post-img" controls="controls"
   <source src="@Model.FileURL" type="video/mp4">
</video>

Я хочу показывать буферизацию видео как YouTube, когда я напрямую нажимаю «Вперед» и «назад», если видео не готово к воспроизведению.

Спасибо

Комментарии:

1. вы нашли решение этой проблемы? На самом деле я также использую stack для перемотки больших видео в html. Это отлично работает для маленького видео, но не для большого. Не могли бы вы, пожалуйста, помочь мне, как вы решаете свою проблему?

Ответ №1:

Когда пользователь выполняет поиск по видео, срабатывают два события…

  1. повторный поиск срабатывает во время поиска

  2. onseeked срабатывает, когда поиск завершен.

Следовательно, вам необходимо отслеживать эти события и предпринимать соответствующие действия, подобные этому…

  <video src="movie.mp4" type="video/mp4" onseeking="CallAction1();" onseeked="CallAction2();" controls></video>