제이쿼리로 video태그 동영상 재생,정지 하려는데 오류 뜨네요 왜일까요ㅠㅠ 채택완료
해당 영역에서 동영상 재생되게 하려고 코드 작성했는데 아래와 같은 오류 메시지가 뜹니다.
초보라서 간단한 코드인데도 어렵네요. 도움부탁드립니다ㅠㅠ
'Uncaught TypeError: $(...).pause is not a function'
http://sir.kr/data/editor/2402/2072948020_1706854992.3008.png" width="431" />
jquery코드
</p>
<p>$(window).scroll(function() {</p>
<p> var bodyOffset = $(window).offset();</p>
<p> if ($(".wrap3").scrollTop() >= $(window).offsetHeight) {</p>
<p> $('.main_video').addClass('start');</p>
<p> $('.start').play();</p>
<p> } else {</p>
<p> $('.start').pause();</p>
<p> $('.main_video').removeClass('start');</p>
<p> }</p>
<p> });</p>
<p>
혹시 몰라서 html도 함께 첨부드립니다.
</p>
<p><section class="wrap3"></p>
<p> <div class="movie"></p>
<p> <video class="main_video" preload="none" autoplay loop muted playsinline webkit-playsinline src="<?php echo G5_THEME_URL ?>/main/video/mainvideo.mp4"></video></p>
<p> </div></p>
<p></section></p>
<p>답변 4개
에러 발생을 막기 위해서는 다음처럼 수정되어야 합니다.
</p>
<p> if ($('.main_video').hasClass('start') == true) {
$('.start').pause();
$('.main_video').removeClass('start');
}</p>
<p>답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
비디오는 main_video라는 클라쓰명을 원래 가지고 있으니 그것으로 계속 접근해 보세요
추가된 클래쓰명으로 제어를 할때 간혹 동적 이벤트 추가가 잘 이뤄지지 않아서 안되는 경우가 있습니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 5개
[code]
<video class="main_video" preload="none" autoplay loop muted playsinline webkit-playsinline>
<source src="<?php echo G5_THEME_URL ?>/main/video/mainvideo.mp4" type="video/mp4">
</video>
[/code]
마르스컴퍼니<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
추가 또는 대체
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
