iPad4 Safari上的Html5视频元素

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（这是您的情况）。