PDA

View Full Version : A page with multiple video players (yt) each having playlists with thumbnails II



molendijk
10-07-2012, 11:22 PM
I recently submitted a script for creating a page with multiple video players (youtube) each having playlists with thumbnails here (http://www.dynamicdrive.com/forums/showthread.php?71542-A-page-with-multiple-video-players-%28youtube%29-each-having-playlists-with-thumbnails). That script puts each playlist in a different container div. I then thought people might want to have all players + thumbnails in one single div. HERE (http://mesdomaines.nu/eendracht/include_video_multiple_playlists2b/ytplayers_with_thumbnails_singel_div.html)'s a demo page using a script that takes care of that. With lots of explanations.
Arie Molendijk.
EDIT:
I modified my script. One big improvement is that the info on top of the video doesn't cut off part of the video anymore. Modified demo HERE (http://mesdomaines.nu/eendracht/include_video_multiple_playlists2b_noads_better/include_multiple.html).

mlegg
10-08-2012, 02:56 AM
That's very cool! :cool:

bernie1227
10-08-2012, 03:46 AM
Looks to be working fine in chrome, ie9 and safari.
The only suggestion I can add, is that when the video you are watching finishes, it goes back to the screen which you get when the x is pressed.

molendijk
10-08-2012, 10:24 AM
Looks to be working fine in chrome, ie9 and safari.
Works even in Win/IE7, I tested it.
Arie.

bernie1227
10-08-2012, 10:29 AM
fine in firefox, just noticed, there is a slight positioning problem when the window is small, I noticed this on opera, haven't tested on other browsers yet:
4793

molendijk
10-08-2012, 10:39 AM
You mean one of the links at the bottom left going over the playlist? The links shouldn't be there, normally.
Arie.

bernie1227
10-08-2012, 10:32 PM
major positioning problem when the window is minimised a lot:
4796

molendijk
10-08-2012, 11:53 PM
OK, I see now what you mean.
That is something which has nothing to do with the script, but with how I style all my pages.
To avoid superfluous scrollbars in normal window size situations, I always make it so that all the elements on my pages grow and shrink proportionally depending on the window size.
That means that if you minimize the window a lot, some elements may be too small.
That's the price I pay for the way I like to style my elements. But again, it has nothing to do with the script.
Arie.

bernie1227
10-09-2012, 07:14 AM
alright, I see, however, you may wish to think about setting a 'min-height' on the div, to prevent it from being squashed too much.

molendijk
10-14-2012, 10:15 PM
I modified my script. One big improvement is that the info on top of the video doesn't cut off part of the video anymore. Modified demo HERE (http://mesdomaines.nu/eendracht/include_video_multiple_playlists2b_noads_better/include_multiple.html).
Arie.

bernie1227
10-15-2012, 03:01 AM
One thing I can suggest, is that when you click a playlist, you dont have to click play twice:
http://support.google.com/youtube/bin/answer.py?hl=en&answer=1181821

molendijk
10-15-2012, 08:54 AM
When the user clicks on a playlist, the video does not autostart. I set autoplay to 1 for the thumbnails only. I did it on purpose, because I want the visitor to be able to quietly select any thumbnail he/she wants after clicking on a playlist.
Arie

molendijk
10-15-2012, 09:23 PM
One thing I can suggest, is that when you click a playlist, you dont have to click play twice
Hi Bernie,
I have been re-thinking your suggestion and added a note on it in the explanations. Go here (http://mesdomaines.nu/eendracht/include_video_multiple_playlists2b_noads_better/include_multiple.html), then click on 'explanations' (top left) and scroll to the bottom. The function that does it is instant_play(div,url,playlist,video_info). I've not implemented it (yet), because I am uncertain about what most visitors would like.
Thanks anyhow.
Arie.

bernie1227
10-16-2012, 02:31 AM
Ahh I see now, on IOS, which I believe was the original target for this, you have to end up clicking play twice in order to get the video to play, as there is your play button, then the default play button before it actually plays.