CSS-Tricks
[videoSlider] Third tab always blank on Android ICS
For some reason the third tab in the video demo is always blank. I've tested this with the default video demo page [third tab is a YouTube iFrame by default] and changed it to be an iframe vimeo embed but it doesn't make a difference. It always slides in blank.
If I duplicate an existing video tab into the third tab, say tab 1 or tab 2 [doesn't matter what their source is] then if you view the original tab you copied from, the third tab will show up when you slide to it [I'm guessing because it's cached].
If I copy the url with the added hashtag panel1-3 and paste it, then the slider loads tab three just fine [upon page load], but then tab 1 is blank.
This only happens on Android. Doesn't matter which browser or user agent setting. Dolphin HD, Stock & ICS + [Opera is just horrible all around - same with Chrome]
Weird, on my phone it shows a message saying Adobe Flash is not supported... and it's the iframe. I'm not sure if I can do anything about it; but I'll need to do a little research.
It shouldn't matter. You can swap it out for an html5 player. For me, it always slides in blank [my tablet has flash so it shows if I load the page with the appended hashtag data] it'll just be black if i load into the page on tab 1 then tab to the third one.
Try loading the page with the thrid tab in the hashtag [panel1-3] - then click tab2, let is slide in, then tab1 - tab 1 would be black for me.
I haven't had a chance to test this... long weekend =/... but I'll try to look into it soon.