Wednesday, June 21, 2006

How to put embedded videos into expandable posts

Sites like YouTube , Dailymotion , MetaCafe offer codes to embed videos into a blog, site or myspace. It's easy to find a video you like, get the code and embed it into a post and if you do this a lot it can slow down your page and make things very difficult for your readers. A solution for this is to have the embedded videos in an expandable post, this will hide the player until the reader clicks the link and the video will drop down.

Here's a couple of examples of what I'm talking about:

Trailer for Jackass: Number Two, from Metacafe.
Jackass: number two (Click to expand)



This is pretty extreme, car runs red like but doesn't get hit, from YouTube.
Near Hit (Click to Expand)


You can achieve this by following the tutorial on how to create a Read More Link , very simple to setup. Other options for read more links seem to put the "read more" link at the bottom of every post, even if there isn't anything more to read. Insane Hare's option is pretty cool, you can be selective on when you want to use it.

I just put the video embed code where it says to put the rest of the post.

Other great codes from Insane Hare. The main page is great to.


Technorati Tags:
, , , , , , , ,

1 comment:

Noah Bulgaria said...

Thanks for the featuring and the compliments! :-D