HOW-TO: Embedded videos and slideshows in posts

[DanielStoner]

All videos:

This is a feature I've been excited to see added. Thanks to Jeff, it's pretty simple: There are new buttons to assist you in posting all videos (look at where the bold, quote, img, url, etc buttons are.)

Code: Select all

[video]http://www.vimeo.com/7377695[/video]

Will look like this:

phpBB [video]

Let's see some vids posted!

[Loki]

Picasa slideshow:

Open up the album you want to embed.
Click "RSS" in the lower right. You'll go to a page with lots of text. You want to take the address of that page.

For example:
https://picasaweb.google.com/data/feed/base/user/PDCkiteboarding/albumid/5333832919689001329?alt=rss&kind=photo&hl=en_US

Code: Select all

[picasa]PDCkiteboarding/albumid/5333832919689001329[/picasa]

[Loki]

Flickr slideshow:

find your album/set id in the url
For example: flickr.com/photos/voght/sets/72157603975338538/

Blue = Your Flickr ID.
Red = The Album or set

Code: Select all

[flickr=voght]72157603975338538[/flickr]

Results in:

[Loki]

Photobucket slideshow:

Make a slideshow in Photobucket, and select the text next to "post this on your website or blog" in the lower right:

Code: Select all

<div style="width:480px;text-align:right;"><embed width="480" height="360" src="http://static.pbsrc.com/flash/rss_slideshow.swf" flashvars="rssFeed=http%3A%2F%2Ffeed251.photobucket.com%2Falbums%2Fgg309%2Frredman%2FSnow%2520Kiting%2520Heliotrope%2520Ridge%252012-5-2009%2Ffeed.rss" type="application/x-shockwave-flash" wmode="transparent" /><a href="http://photobucket.com/redirect/album?showShareLB=1" target="_blank"><img src="http://pic.photobucket.com/share/icons/embed/btn_geturs.gif" style="border:none;" /></a><a href="http://s251.photobucket.com/albums/gg309/rredman/Snow%20Kiting%20Heliotrope%20Ridge%2012-5-2009/" target="_blank"><img src="http://pic.photobucket.com/share/icons/embed/btn_viewall.gif" style="border:none;" /></a></div>

Find the following string:

Code: Select all

flashvars="rssFeed=http%3A%2F%2Ffeed251.photobucket.com%2Falbums%2Fgg309%2Frredman%2FSnow%2520Kiting%2520Heliotrope%2520Ridge%252012-5-2009%2Ffeed.rss"

and strip out what we're looking for:

Code: Select all

http%3A%2F%2Ffeed251.photobucket.com%2Falbums%2Fgg309%2Frredman%2FSnow%2520Kiting%2520Heliotrope%2520Ridge%252012-5-2009%2Ffeed.rss

Then, take that and put it between photobucket tags:

Code: Select all

[photobucket]http%3A%2F%2Ffeed251.photobucket.com%2Falbums%2Fgg309%2Frredman%2FSnow%2520Kiting%2520Heliotrope%2520Ridge%252012-5-2009%2Ffeed.rss[/photobucket]

and it results in this:

[BBQ Jim]

Wow is all that I can say! Pictures and video are a great way to share the stoke & experience and these new features are such a great addition to the PSKite website. Jeff - thanks for all of your hard work!

BBQ

[stringy]

hey jeff,
any way to make this work for dot mac image galleries?
I prefer to upload onto my site as oppsed to flickr or any of those others.

[Joaquin]

Jeff can we download pdf to a post?

thanks
j

[Loki]

Joaquin - should work now.

[Chashmaan]

Wow is all that I can say! Pictures and video are a great way to share the stoke & experience and these new features are such a great addition to the PSKite website. Jeff - thanks for all of your hard work!