html youtube custom play button

Question

The youtube player's play button works fine, but my custom play button does not work.

example is here

** EDIT **

The current JSFiddle now works fine on a pc/mac, but not on an iPad.

** EDIT 2 **

iframed youtube w/external play button

** EDIT 3 **

This isn't possible right now

Solution 1

For whatever reason, limitations are in place. This does not work if you are on an ipad in html5. My jsfiddle does, however, work for desktop browsers.

Please post back if you've gotten this to work for ipad and I'll re-mark you as the answer.

Solution 2

Try this:

http://jsfiddle.net/CHu7H/

however i would recommend to use something like swfobject to embed the video.

https://developers.google.com/youtube/js_api_reference#Embedding

Comments

[Jacksonkr]

works great, just not on an iPad :( I should have mentioned that is really what got me here in the first place.

[stewe]

I'd try embedding it using an <iframe> -> developers.google.com/youtube/iframe_api_reference

[Jacksonkr]

aye aye. Well the player works in the iPad now, but the playbutton still only works on a computer! wtf.. JS Fiddle link w/iframe is in the latest edit.

[stewe]

Your last example (edit 2) looks good, unfortunately i don't have an ipad to test :(

[Jacksonkr]

Check this out: stackoverflow.com/questions/8972726/…