테스트 사이트 - 개발 중인 베타 버전입니다

add클래스가 붙을 시 동영상 재생시키고싶어요 채택완료

지지와태그 2년 전 조회 4,977

안녕하세요 다름이 아니라 해당 class[js]문에 있습니다.가 붙을 시 

비디오 재생이 되게끔 js구문을 입력하고 싶은데요...실행이 안되네요

혹시 스크립트가 틀린부분이 있을까요 ㅠㅠ?

 

</p>

<p><div class="sticky-elem main-message c" style="z-index: 8888;height: 50%;top: 20vh;"></p>

<p>    <video class="video" width="100%" height="100%"  muted controls data-keepplaying></p>

<p>       <source type="video/mp4" autoplay=1&loop=1&autopause=0"></p>

<p>    </video></p>

<p></div></p>

<p>

</p>

<p>      <script></p>

<p>      jQuery(document).ready(function() {</p>

<p>        var bodyOffset = jQuery('body').offset();</p>

<p>        jQuery(window).scroll(function() {</p>

<p>          if (jQuery(document).scrollTop() > bodyOffset.top) {</p>

<p>            jQuery('video').addClass('scroll');</p>

<p>            $('scroll').get(0).play();</p>

<p>          } else {</p>

<p>            jQuery('video').removeClass('scroll');</p>

<p>          }</p>

<p>        });</p>

<p>      });</p>

<p>      </script></p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
s
sinbi Expert
2년 전
로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

개노미
2년 전
와우
지지와태그
2년 전
감사합니다..감사합니다....ㅠㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

2년 전

이게 맞는건지 모르겠지만 video객체 안에 play가 있다면...

</p>

<p>jQuery('video').play();</p>

<p>

이렇게 video에 접근해서 play를 해야하지 않을까요..

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

m
2년 전
 $('.scroll').get(0).play();

scroll 앞에 점이 빠졌네요,

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

지지와태그
2년 전
헉 그것도 누락했네요..!!! 감사합니다!!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인