iPad4 Safari의 Html5 동영상 요소

Question

html5 동영상 컨테이너가있는 페이지에 동영상을 추가하려고합니다. 그것은 PC의 브라우저, 안드로이드 크롬에서 잘 작동하지만, iPad4 Safari에서는 파란색 영역을 사용할 수 없게 만듭니다. 내가 잘못 뭐하는 거지

<div class="b-video"> 
    <video poster="star.png" controls tabindex="0"> 
     <source id="mp4" src="videos/trailer.mp4" type="video/mp4"> 
     <source id="webm" src="videos/trailer.webm" type="video/webm"> 
     <source id="ogv" src="videos/trailer.ogv" type="video/ogg"> 
    </video> 
</div> 

?

Answer 1

iOS Safari의 <video> 요소는 네이티브 controls이 활성화되어 있으면 (사용자의 경우) 사용자 상호 작용 이벤트 (터치, 클릭)를 전달하지 않습니다.