Search code examples
twitter-bootstrapvideomobilevimeofitvids

Vimeo embeded video fails to play on Android?


When I embed 100 Riffs (A Brief History of Rock N' Roll) in a Twitter Bootstrap container with FitVids.js for responsive resizing:

<div class="span12" id="video">
    <iframe src="https://player.vimeo.com/video/43426940?title=0&amp;byline=0&amp;portrait=0" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
    <p class="text-center">Isn't the placeholder video awesome?</p>
</div>

It functions fine on a desktop, but acts oddly on Android (CM 10.1 Nightly, Android 4.2.2) browsers:

  • Google Chrome - Audio playback starts, but video playback does not
  • Mozilla Firefox - Audio and video playback do not start

Yet, the player works fine on Vimeo's own mobile site. What am I doing wrong?


Solution

  • Turns out, this is a known issue with the Vimeo player. I hope it gets fixed soon. For what it's worth, the stock/ASOP browser works fine.

    Update: Vimeo has fixed this issue for most devices as of 2013-07-26.