두 개의 HTML5 동영상이 동시에 자동 재생되도록하려고합니다. 즉, 두 동영상이 모두로드 될 때까지 재생되지 않도록 할 수 있나요?
두 번째는 여전히 로딩 중입니다. 이해가 되길 바랍니다.
'onloadeddata'함수를 사용하여 둘 다로드되었는지 확인한 다음 동시에 둘 다 시작할 수 있습니다. 동기화가 정확히 얼마나 정확한지 브라우저와 JavaScript 엔진 구현의 자비에 있다고 생각하지만 빠른 테스트에서 이것은 밀리 초 동기화에 대해 걱정하지 않는 한 꽤 동기화 된 것처럼 보입니다.
예는 아래를 참조하십시오.
var vid1 = document.getElementById("MyVid1");
var vid2 = document.getElementById("MyVid2");
var vid1Ready = false
var vid2Ready = false
vid1.onloadeddata = function() {
if (vid2Ready == true) {
vid1.play()
vid2.play()
} else {
vid1Ready = true
}
};
vid2.onloadeddata = function() {
if (vid1Ready == true) {
vid1.play()
vid2.play()
} else {
vid2Ready = true
}
};
<video id="MyVid1" width="320" height="176" controls preload="auto">
<source src="http://ftp.nluug.nl/pub/graphics/blender/demo/movies/ToS/tears_of_steel_720p.mov" type="video/mp4">
Your browser does not support this video format
</video>
<video id="MyVid2" width="320" height="176" controls preload="auto">
<source src="http://peach.themazzone.com/durian/movies/sintel-1024-surround.mp4" type="video/mp4">
Your browser does not support this video format
</video>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다