Search code examples
ioshtmlios6vimeovideo-embedding

Vimeo video embed on iOS6 not working


I'm trying to embed a Vimeo link but it doesn't work on iOS6. What's strange is that it worked fine on iOS5, but upgrading broke it. What happens is after a user presses play, the progress indication will start and will hang there without ever playing.

I'm also using the latest embed code:

<div class="video-container">
    <iframe data-videoid="<?php echo $video; ?>" src="http://player.vimeo.com/video/<?php echo $video; ?>?api=1&amp;player_id=<?php echo $video; ?>" width="100%" height="100%" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>

Here's an example link where it doesn't work.


Solution

  • The reason was because I had CSS 3D transforms on the parent container...whoops!