var target = $('.elem');
var targetPos = target.offset().top;
var winHeight = $(window).height();
var scrollToElem = targetPos - winHeight;
$(window).scroll(function() {
var winScrollTop = $(this).scrollTop();
if (winScrollTop > scrollToElem) {
//сработает когда пользователь доскроллит к элементу с классом .elem
$('.elem').play();
else {
$('.elem').stop();
}
}
});
<div style="margin-top: 2000px;"></div>
<video src="" class="elem"></video>
<video class="elem" id="myAudio" width="450" height="350">
<source src="http://test-task.dostavka2.me/video/video.mp4" type="video/mp4">
<source src="http://test-task.dostavka2.me/video/video.mp4" type="video/mp4">
</video>
Сделал функцию на такой логике, а именно когда я дохожу к видео оно начинает воспроизведения, нужно закончить логику когда я отхожу от видео и оно не в поле зрения - видео становится на паузу
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости