Как остановить функцию Jquery?

Question

[Siretsky]

<script type="text/javascript">
$(document).ready(function(){ 
         $(window).scroll(function(){
		if ($(this).scrollTop() > 3000) {
		     $("#IndexNewCar").html("<video id='videos' preload='auto' autoplay poster='/v/poster.png'><source src='/v/bgvideo.mp4' type='video/mp4'/><source src='/v/bgvideo.webm' type='video/webm'/><source src='/v/bgvideo.ogg' type='video/ogg'/></video>");
		}
	 }); 
});
 </script>

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

Спасибо!

Answer 1

[Alex Chistyakov]

Наверное, как-то вот так?

<script type="text/javascript">
var already_scrolled = 0;
$(document).ready(function(){ 
         $(window).scroll(function(){
		if (already_scrolled == 0 && $(this).scrollTop() > 3000) {
                     already_scrolled = 1;
		     $("#IndexNewCar").html("видео");
		}
	 }); 
});
</script>

Comments

[Siretsky]

Большое Вам спасибо!

Answer 2

[xmoonlight]

<script type="text/javascript">
$(document).ready(function(){ 
        var played=false;
         $(window).scroll(function(){
		if (!played && $(this).scrollTop() > 3000) {
		     $("#IndexNewCar").html("видео");
                      played=true;
		}
	 }); 
});
 </script>

Answer 3

[Николай]

$(function(){ 
	$(window).on('scroll.video', function(){
		if ($(this).scrollTop() > 3000) {
			$("#IndexNewCar").html("видео");
			$(window).off('.video');
		}
	}); 
});