html youtube custom play button

works great, just not on an iPad :( I should have mentioned that is really what got me here in the first place. – Jacksonkr Apr 02 '12 at 17:05
1

I'd try embedding it using an -> https://developers.google.com/youtube/iframe_api_reference – stewe Apr 02 '12 at 17:46
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. – Jacksonkr Apr 02 '12 at 21:38
Your last example (edit 2) looks good, unfortunately i don't have an ipad to test :( – stewe Apr 02 '12 at 22:02
Check this out: http://stackoverflow.com/questions/8972726/youtube-api-not-working-with-ipad-iphone-non-flash-device/9028877#9028877 – Jacksonkr Apr 03 '12 at 00:13

Jacksonkr · Accepted Answer · 2012-04-29T16:28:58.090

0

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.

edited Apr 29 '12 at 16:28

answered Apr 26 '12 at 14:17

Jacksonkr

31,583
39
180
284

score 0 · Answer 3 · answered Mar 05 '14 at 14:58

0

I just had this problem too I decided to give HTML5 a try and it worked. The only problem is that you will have to host the videos on your host.

(Works on iPad) http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_video_js_prop

answered Mar 05 '14 at 14:58

Sinan Samet

6,432
12
50
93

score 0 · Answer 4 · answered Feb 18 '16 at 12:29

Every Youtube embedded player contains a player id that is in the form of :

player_uid_\d+_1

like - player_uid_271874942_1

So just do a regex search for player_uid_\d+_1 in the page source and add following js to anything you want :

var player = document.getElementById(playerId);
//playerId id the matched string from regex search in page-source
player.playVideo();

Other actions related to above player variable can be found here.

html youtube custom play button

4 Answers4