Html5 элемент видео на iPad4 Safari

Question

Я пытаюсь добавить видео на страницу с видеоконтентом html5. Он отлично работает на браузерах ПК, андроид-хром, но делает синюю область недоступной на 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's <video> не пересылает события взаимодействия с пользователем (коснитесь, щелкните), если на нем включена навигация controls (это ваш случай).