2011-10-21 2 views
31

HTML5 동영상을 일시 중지하고 되감기 할 수있는 방법이 있습니까? 아니면 그냥 그만둬?HTML5 동영상 일시 중지 및 되감기

jQuery 팝업이 표시되어 누군가가 클릭하면 팝업이 표시되고 동영상이 재생되고 닫음 버튼을 누르면 동영상이 일시 중지됩니다. 그래서 내가하려는 것은 팝업을 다시보기 위해 버튼을 클릭하면 비디오가 시작 위치 (0 초)에서 시작된다는 것입니다.

감사합니다.

답변

42

jquery 비디오 요소를 열거 나 팝업을 닫을 때 참조를 가져온 다음 pause()를 사용하여 일시 중지 한 다음 "currentTime"속성을 0으로 설정하여 처음으로 돌아갈 수 있습니다.

여기에 currentTime에 대한 documentation에 대한 참조가 있습니다.

var video = document.getElementById('vidId'); 
// or video = $('.video-selector')[0]; 
video.pause(); 
video.currentTime = 0; 
video.load(); 

참고 :

var mediaElement = document.getElementById("video"); 
mediaElement.pause(); 
mediaElement.currentTime = 0; 
+0

이 전혀 작동하지 않습니다 를 document.getElementById ('video') { this.currentTime = 0; } 내가 뭘 잘못하고 있니? 모든 jQuery 옵션? –

+0

@AlejandroAr 동영상 태그 ID가 '동영상'인 경우이 방법을 사용해보세요. var mediaElement = document.getElementById ("video"); mediaElement.pause(); mediaElement.currentTime = 0; –

+2

@AlejandroAr jquery를 사용하면 $ ('# videoId') 할 수 있습니다. get (0) .pause(); $ ('# videoId'). get (0) .currentTime = 0; –

5

동영상 요소의 pause() 메소드를 호출하기 만하면됩니다. 시간을 재설정하려면 currentTime을 0 (또는 필요한 경우 다른 값 (초))으로 설정하십시오.

7

는 다음을 수행 할 수있는 적절한 stop (& 되감기 일시 정지) 기능을 가지고 : 여기

코드 샘플의이 근무하는 유일한 버전입니다 나에서 nodejs ( meteorjs)을 사용하는 크롬에서 webm & ogg 파일

(이것은 위의 지적되었지만) 바닐라 JS에서,

$('#video')[0].currentTime = 0; 

을 또는 :

+0

'video.load(); video.play();' 로드하지 않고이 작업을 수행 할 수 없습니다. API가 변경된 것 같습니다. –

0

jQuery 0 초 비디오를 재설정하려면

var video = document.getElementById('video'); 
video.currentTime = 0; 
관련 문제