new expirimental youtube embeding code...

[justdrew]

I haven't changed the standard youtube embed BBcodes yet, but want to test out this new code for a bit first. Works the same as the old, just put the video id between tags like this:

Code: Select all

[test_yt]M0B62FeCLgU[/test_yt]

The idea here is to not load the video objects unless they are clicked on, while still showing a preview and title for what the video is. This should speed up things on video heavy pages. This was one of the recent improvement ideas. (and I got jelous of boing boing's new snowy video links, I can probably get our own snow like effect and play icon overlayed on the preview image, but this is enough for now.) and it didn't take stringing crap out over multiple external js files, css sheets, etc.

Here's two examples:

Try posting some more in this thread and lets see if it breaks at all.

[justdrew]

a test flood

[justdrew]

fyi - one minor bug...

once a video is playing (because you clicked on it) if you click again to the right of the video while still withing the post body area, it'll restart the video from the beginning. I've just got to tighten up the hot zone of the containing div, but not tonight.

never mind, this is fixed already.

[Elvis]

[justdrew]

thanks elvis

let me know if it misbehaves in anyone's browsers

seems to work fine in firefox, chrome and IE10, not tested anything else.

looking to hear about the mobile experience particularly.

[NeonLX]

[compared2what?]

[IanEye]

*

babble on...


*

is there any way to make them "center"? thanks!

[Laodicean]

[Project Willow]

What's with the hr's? No likey. Otherwise, shorter load times, good.

[Allegro]

Hi, Drew. Thanks for the experimentations. As long as the standard [youtube] button is not removed or altered, then the formatting I use sometimes to minimize a video for allowing text wraps will do fine. I like my experimentations, too .

Thanks.
~ A.

[justdrew]

ok ALL behavior of the old is replicated in the new (I think).

you can center them (or put them to right if you like) and the img-left img-right bbCodes work fine with them. Thanks for reminding me to check on that Allegro.

All three youtube BBcodes have been updated to the new code...

Code: Select all

regular: [youtube][/youtube] . big: [youtube2][/youtube2] . small: [youtube3][/youtube3]

please do not use 'test_yt' anymore

(we can revert back if need arose)

next I'll be seeing if I can get some nice image stacking going and overlay a play button (lower left corner I think) and a light animated 'tv snow' pattern to give additional headsup that these are interactive. (though cool, that may ultimately not be desirable, some of these youtubes have nice preview pictures.


let me know if anyone has any trouble.

Watch if sometime the title text at the bottom is blank, not sure what happens if youtube is slow to dish the xml info out. Still looking into that. But I've not seen a single issue with it so far.

[Project Willow]

Now what's with the borders?

Please work with me JD.

[Allegro]

Drew, you see, [youtube3] forces the youtube title to dominate the remaining design. In this case, the title is too long.

• This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day.

[justdrew]

yeah, I have that fixed in a newer version of 'enhanced youtube embeds'

(and made a test_yt3 to test with... see here:

Drew, you see, [youtube3] forces the youtube title to dominate the remaining design. In this case, the title is too long.

[test_yt3]rsIYveXbzF4[/test_yt3] This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day. This is a very fine day.