테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

[JS/JQUERY] 동영상(video) 특정 시간에 멈추기(stop)가 가능할까요? 채택완료

flexLover 3년 전 조회 2,013
답변 2
목록

동영상(video) 특정 시간에 멈추기(stop)가 제이쿼리로 구현 가능할까요?

currentTime으로 제어하면 되는 건지..

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

답변 2개

채택된 답변
+20 포인트
비

아래처럼요. 10초에 일시정지 합니다.

이건 기본코드이고 더 많은 조작장치를 넣으려면 더 넣을 수 있습니다.

 

</p>

<p><video id=myVideo style=width:500px src=<a href="https://blog.kakaocdn.net/dn/cphrkg/btrtai7Tq2i/hiYDRitKjVd0KVKMSdG3EK/tfile.mp4" target="_blank" rel="noopener noreferrer">https://blog.kakaocdn.net/dn/cphrkg/btrtai7Tq2i/hiYDRitKjVd0KVKMSdG3EK/tfile.mp4</a> controls></p>

<p><script>

pauseSec = 10;

setInterval(function() {

    if (Math.floor(myVideo.currentTime) >= pauseSec) myVideo.pause();

}, 500);

</script></p>

<p>

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

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

볼
볼피드
3년 전

</p>

<pre>
<code>$("video").bind("durationchange", function() {
   alert("Current duration is: " + this.duration);
});</code></pre>

<p>

 

시간이 바뀔때마다 호출되는 콜백 함수가 있으니 해당 콜백 함수를 활용해보세요

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

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

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

로그인