Comments on: (jQuery) Make Vimeo Embeds iPhone-friendly… Automagically! http://www.mattvanandel.com/958/jquery-make-vimeo-embeds-iphone-friendly-automagically/ Web Development for the Developmentally Challenged Fri, 25 Feb 2011 20:42:35 +0000 hourly 1 http://wordpress.org/?v=3.1.1 By: Matt http://www.mattvanandel.com/958/jquery-make-vimeo-embeds-iphone-friendly-automagically/comment-page-1/#comment-5 Matt Thu, 05 Aug 2010 20:14:16 +0000 http://www.mattvanandel.com/?p=958#comment-5 Thanks for the positive feedback. It's nice to know that people find some of this stuff useful. First, are you a Vimeo Plus member? I did a poor job of stressing this requirement in the above article (which I just updated to be clear on the issue), but <strong>you must be a Vimeo Plus member</strong> and you have to do these two things to your Vimeo settings for this work: <strong>a)</strong> Enable "Generate Mobile Versions" from your account settings under Video Preferences (the option appears for Plus users only), then wait for the mobile versions to be encoded (can take up to a couple hours in my experience) <strong>b)</strong> Set up your Video Privacy Settings to allow embedding If you're not a Plus member and don't want to subscribe, you might try removing or commenting-out the mobile-quality-check part of the JavaScript code (lines 24-26 in the example above). This would theoretically force mobile devices to load the larger, full-quality versions of the video. I haven't tested this workaround, but I don't see a <em>technical</em> reason why it wouldn't work (other than the files potentially being too large for a phone to handle). Let me know if this helps. Thanks for the positive feedback. It’s nice to know that people find some of this stuff useful.

First, are you a Vimeo Plus member? I did a poor job of stressing this requirement in the above article (which I just updated to be clear on the issue), but you must be a Vimeo Plus member and you have to do these two things to your Vimeo settings for this work:

a) Enable “Generate Mobile Versions” from your account settings under Video Preferences (the option appears for Plus users only), then wait for the mobile versions to be encoded (can take up to a couple hours in my experience)
b) Set up your Video Privacy Settings to allow embedding

If you’re not a Plus member and don’t want to subscribe, you might try removing or commenting-out the mobile-quality-check part of the JavaScript code (lines 24-26 in the example above). This would theoretically force mobile devices to load the larger, full-quality versions of the video. I haven’t tested this workaround, but I don’t see a technical reason why it wouldn’t work (other than the files potentially being too large for a phone to handle).

Let me know if this helps.

]]> By: gregorydavidjenkins http://www.mattvanandel.com/958/jquery-make-vimeo-embeds-iphone-friendly-automagically/comment-page-1/#comment-4 gregorydavidjenkins Thu, 05 Aug 2010 18:12:32 +0000 http://www.mattvanandel.com/?p=958#comment-4 First of all thanks for the code. This is exactly what I'm looking for. I'm developing a portfolio site for my company and am using embedded vimeo videos to make a gallery of video projects. I modified your code very slightly to act as a function that I can call once a video is loaded (because no vimeo videos are actually loaded at the beginning - they are created when the user clicks on a thumbnail). This worked (kind of). The little blue lego block that means "you can't watch this video because it's flash" is gone and has been replaced by a gray box with a quicktime logo in the bottom corner and the play button. However the play button is crossed out like a no smoking sign. Do you have any idea why this would be? First of all thanks for the code. This is exactly what I’m looking for. I’m developing a portfolio site for my company and am using embedded vimeo videos to make a gallery of video projects. I modified your code very slightly to act as a function that I can call once a video is loaded (because no vimeo videos are actually loaded at the beginning – they are created when the user clicks on a thumbnail). This worked (kind of). The little blue lego block that means “you can’t watch this video because it’s flash” is gone and has been replaced by a gray box with a quicktime logo in the bottom corner and the play button. However the play button is crossed out like a no smoking sign. Do you have any idea why this would be?

]]>