Как проиграть HTML 5 видео с начала с помощью JS?

Question

[exaller]

Есть видео:

<video loop="loop" preload="auto" class="page_header__video_item" id="video_bg" autoplay muted>
	<source media="only screen" type="video/mp4" src="/theme/edsro/video.mp4" id="mp4">
</video>

Есть код:

$('.play').click(function() {
	if ( $("video").prop('muted' )) {
		$("video").prop('muted', false);
		$(this).addClass('active');
	} else {
		$("video").prop('muted', true);
		$(this).removeClass('active');
	}
	return false;
});

Что нужно добавить в код, чтобы при включении звука, видео воспроизводилось сначала?

Answer 1

[Igor Makarov]

jsfiddle.net/edajzoqm

// получаем элемент видео
var video = document.getElementById('video');

// Флаг, по которому будем понимать, что выходим из mute
var wasMuted = video.muted;

// Время воспроизведения, на которое выставить
var unmuteTime = 0;

video.onvolumechange = function() {
    if (wasMuted) {
    	// Было в состоянии mute
    	wasMuted = false;

    	// ставим необходимое время
        video.currentTime = unmuteTime;
    } else if (video.muted) {
        // Юзер включил mute
        wasMuted = true;
    }
};