iPad4上的HTML5視頻元素Safari

Question

我試圖添加視頻到html5視頻容器的頁面。它適用於PC的瀏覽器，android chrome，但在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（這是您的情況），則元素不轉發用戶交互事件（觸摸，單擊）。