A page with multiple video players (youtube) each having playlists with thumbnails

Use this area to submit an original
DHTML or CSS code for other visitors of DD to utilize or critique. Furthermore,
through this method of submission, your code may be added to DD's
DHTML or
CSS Library section if deemed
useful by the admin of DD. Guidelines for using this forum:

This forum should only be used to post an
original, fully functional and "practical" script. It is not for
putting up experimental or the rudimentary "my first script."

To submit a code, fill out the information
on your code as outlined in the instructions. For the actual code, ideally
you should just enter a URL to the full working demo, to make it easy for
others to check it out. However, if this isn't possible for you, you can
also submit your code inline on the forums, by attaching it.

If you're attaching the full code inline in
your post, please following the following conventions whenever possible:

For straightforward code, just attach it as a single .txt file

For code that consist of both code and images/other media, zip up
all the files and attach it as a .zip file

Should you need it, this forum supports file attachments of the
following type: .txt, .zip, .js, and images (.gif, .jpg, .png etc).

Again, if possible at all, it's best just to submit the URL to the
script instead, for ease of review/ critique by others.

By submitting a code, you declare that
you're the original author of the code, and grant Dynamic Drive to right
to include and modify the code for possible inclusion in our code library.

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

A page with multiple video players (youtube) each having playlists with thumbnails

Some time ago, I was asked here to create a page with multiple video players (youtube) each having playlists with thumbnails, as a replacement for the youtube app on iOS for showing youtube playlists with thumbnails, which doesn't work seem to work well (on ipad/iphone). I made something that turned out to not exactly be what the person asked for. I forgot all about it until I suddenly had an idea on how it might be done. Here is the result, with lots of explanations. (I hope this is what was asked for).
Arie Molendijk.

Thanks Daniel, that's very helpful. I'll rebuild the other demo you're referring to along the lines of this demo. (This demo has different divs for different playlists. The 'crash-provoking' demo had one div for all the playlists). Although FF didn't crash on my computer with the other demo, I now know how to make it safer. Thanks,
Arie.

tested and working in; safari 5.1.7, google chrome 22.0.1229.79, internet explorer 9 and opera 12.02
The only issue appears to be:
in opera, the div full of video icons is not high enough, and the bottoms of the icons are being cut off.

"Most good programmers do programming not because they expect to get paid or get adulation by the public, but because it is fun to program." - Linus TorvaldsAnime Views ForumsBernie

in opera, the div full of video icons is not high enough, and the bottoms of the icons are being cut off.

Yes, I noticed that too. It's because of the horizontal scroll bar, I think. It's no real problem, because it's only noticeable after viewing the page with other browsers too. But if it's annoying, I could repair this with a if(window.opera) line.
Thanks,
Arie.