Как поставить воспроизведение видео на паузу?

Question

[rinatoptimus]

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

Answer 1

[Евгений Петров]

Как реализовать воспроизведение видео / аудио при нажатии на кнопку?

HTML

<video data-type="video" type="video/mp4" src="/data/NFL.1.mp4" autoplay controls></video>

JS

$(function (e) {
	$('[data-type="video"]').on('play', function () {
		var video = this;

		setTimeout(function () {
			video.pause();
		}, 5000);
	});
});

Update: Как верно подсказал Дмитрий, следует использовать другое событие:

JS

$('[data-type="video"]').on('timeupdate', function () {
	if (this.currentTime > 5) {
		this.pause();
	}
});

Comments

[Дмитрий]

Так себе решение, потому что канал может тормозить и таймаут сработает, когда только 1 сек видео будет проиграно. В HTML5 есть событие изменения текущего времени плеера, вот на него и надо ориентироваться.

[rinatoptimus]

Спасибо за ответ, но я что-то сделал не так. Подключил jQuery, встроил такой код:

- не работает. Видео и файл index.html нах-ся в одном месте. Не пойму, в чем ошибка?

[rinatoptimus]

rinatoptimus: Вот такой код: https://notepad.cc/bregeetho49

[Евгений Петров]

Дмитрий: Да, вы правы. К тому же я и событие не так назвал.

[rinatoptimus]

Не смог реализовать решение предложенное выше, нашел другое: stackoverflow.com/questions/18688593/pausing-video...

[Евгений Петров]

rinatoptimus: Ну так а вы в ответ посмотрите:) Он обновлён ещё утром.

[rinatoptimus]

Евгений Петров: разумеется, посмотрел. Не работает(

[Евгений Петров]

rinatoptimus: Нда... Тяжёлый случай.... В Update написано то же самое, что и в решении по ссылке выше.