동영상 끊김(버퍼링) 관련 문제 채택완료
</strong></p>
<p><!-- 기존코드 --></p>
<p><div id="mainvideo" onload="oneload()">
<video id="myVideo" loop muted autoplay playsinline style="width:100%;position:relative;margin-top:0px;z-index:-1">
<source src="../video/main_pc.mp4" type="video/mp4">
</video>
</div></p>
<p> </p>
<p><!-- 새 코드 --></p>
<p><video muted autoplay loop>
<source src="../video/main_pc.mp4" type="video/mp4">
</video></p>
<p><strong>
같은 컴퓨터에서 동일한 동영상을 올렸는데 기존코드 적용시 크롬/엣지에서 끊김현상(버퍼링)이 발생하고,
새코드 적용시에는 끊김현상이 발생하지 않습니다.
이전에는 기존코드로 적용시에도 전혀 문제가 없었는데 하나의 홈페이지에서만 문제가 생겼습니다.
두 코드의 차이로 해결되는 문제가 맞는걸까요? 아니면 다른 문제가 있을지 궁금합니다.
답변 2개
html상 소스가 해석되어 읽혀 지면서 먼저 헤드에 있는 css,js등을 해석하고 출력할테고 그러면서 한줄 한줄 출력할 겁니다
새코드는 즉시 출력이지만
원래의 코드는 onload를 만났으니 해당 문서가 다 읽힐때까지 기다렸다가 출력합니다
시간이 많이 걸리겠죠( 일종의 로딩 시간 )
외국의 어느 친구가 현재 페이지를 봤다면 더 느리게 열리는 걸로 느끼겠죠
온로드 함수 호출도 종류에 따라 즉시 출력 문서 로딩후 출력등 여러방법으로 호출 가능합니다
구글에서 한번 onload 이벤트 에 대해 검색해 보길 추천 드립니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인