[javascript]html5 video stop, reset, load

//var video = document.getElementById("videoContents");
var video = $("#videoContents")[0];
video.pause();
video.currentTime = 0;
$("#videoContents").find("#videoSource").attr("src","URL");
video.load();
$('.videoArea').scrollTop(0);

정지 : video.pause();

초기화 : video.currentTime = 0;

구현 : video.load();

thumb

기능에 대한 설명

 

 

HTML5 비디오를 중지, 재설정 및 로드하려면 JavaScript를 사용하여 페이지의 비디오 요소와 상호 작용해야 합니다.

다음은 이러한 각 기능을 수행하는 방법의 예입니다.

비디오 중지:

var video = document.getElementById('myVideo');
video.pause();
video.currentTime = 0;

이 코드에서는 먼저 document.getElementById('myVideo')를 사용하여 비디오 요소를 가져옵니다. 그런 다음 pause() 메서드를 호출하여 비디오를 중지하고 currentTime 속성을 0으로 설정하여 비디오를 처음으로 재설정합니다.

비디오 재설정:

var video = document.getElementById('myVideo');
video.currentTime = 0;

비디오를 재설정하려면 currentTime 속성을 다시 0으로 설정하기만 하면 됩니다.

새 동영상을 로드합니다.

var video = document.getElementById('myVideo');
video.src = 'newVideo.mp4';
video.load();

새 비디오를 로드하려면 먼저 document.getElementById('myVideo')를 사용하여 비디오 요소를 가져옵니다. 그런 다음 src 속성을 로드하려는 새 비디오 파일의 URL로 설정합니다. 마지막으로 load() 메서드를 호출하여 비디오를 다시 로드합니다.

각 기능에 대한 간략한 설명은 다음과 같습니다.

부연 설명

• pause(): 동영상 재생을 일시정지합니다.
• currentTime: 현재 재생 시간을 초 단위로 가져오거나 설정합니다.
• src: 재생할 미디어 파일의 URL을 가져오거나 설정합니다.
• load(): src 속성으로 지정된 미디어 파일을 다시 로드합니다.