Есть ли способ приостановить и перемотать на 0s видео HTML5? Или просто остановитесь?
У меня появилось всплывающее окно jQuery, поэтому, когда кто-то нажимает на него, появляется всплывающее окно и воспроизводится видео, и когда вы нажимаете кнопку закрытия, видео останавливается. Итак, что я пытаюсь сделать, так это то, что если вы снова нажмете кнопку, чтобы отобразить всплывающее окно, видео начнется в начальной позиции (0 секунд).
Спасибо.
Вы можете получить ссылку на свой элемент видео jquery после его открытия (или закрыть всплывающее окно) и приостановить его с помощью функции pause(), а затем установить для свойства currentTime значение 0, чтобы вернуться к началу.
Здесь ссылка на документация для currentTime.
здесь пример кода:
var mediaElement = document.getElementById("video");
mediaElement.pause();
mediaElement.currentTime = 0;
Чтобы иметь правильную функциональность stop (пауза и перемотка), вы можете сделать следующее:
var video = document.getElementById('vidId');
// or video = $('.video-selector')[0];
video.pause();
video.currentTime = 0;
video.load();
Примечание. Это единственная версия, которая работала для меня в chrome, используя nodejs (meteorjs) в бэкэнд, обслуживая webm и ogg файлы
Просто вызовите метод pause() для видеоэлемента. В reset время установите currentTime в 0 (или любое другое значение, если необходимо, в секундах).
В reset видео до 0 секунд в jQuery:
$('#video')[0].currentTime = 0;
Или, в ваниле JS (хотя это было указано выше):
var video = document.getElementById('video');
video.currentTime = 0;