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