CODEWITHSUNDEEP
htmlipadvideosafarihtml5-video
erizoy
erizoy

Reputation: 129

Html5 video element on iPad4 Safari

I'm trying to add video to page with html5 video container. It works good on pc's browsers, android chrome, but make blue area unavailable on 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>

iPad4 Safari unavailable area What am I doing wrong?

Upvotes: 1

Views: 193

Answers (1)

sompylasar
sompylasar

Reputation: 934

iOS Safari's <video> element does not forward user interaction events (touch, click) if the native controls are enabled on it (which is your case).

Upvotes: 1

Related Questions