HOW-TO: Embedded videos and slideshows in posts

Website news, improvements and issues

HOW-TO: Embedded videos and slideshows in posts

Postby DanielStoner » Mon Dec 07, 2009 2:45 am

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!
- Member, Carkeek Swim Team
Sounder Nuketoberfest!!! 10/4/2008
DanielStoner
Former PSKite President
 
Posts: 2328
Joined: Wed Sep 19, 2007 9:29 am

Re: HOW-TO: Embedded videos and slideshows in posts

Postby Loki » Wed Dec 09, 2009 8:25 pm

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]

PSKite Site Admin / Developer
Windhunter Android App Developer
User avatar
Loki
PSKite Magician
 
Posts: 2178
Joined: Sun Jul 05, 2009 12:20 pm
Location: Halfway between Mags and Jetty

Re: HOW-TO: Embedded videos and slideshows in posts

Postby Loki » Wed Dec 09, 2009 8:26 pm

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:

PSKite Site Admin / Developer
Windhunter Android App Developer
User avatar
Loki
PSKite Magician
 
Posts: 2178
Joined: Sun Jul 05, 2009 12:20 pm
Location: Halfway between Mags and Jetty

Re: HOW-TO: Embedded videos and slideshows in posts

Postby Loki » Wed Dec 09, 2009 8:30 pm

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:
User avatar
Loki
PSKite Magician
 
Posts: 2178
Joined: Sun Jul 05, 2009 12:20 pm
Location: Halfway between Mags and Jetty

Re: HOW-TO: Embedded videos and slideshows in posts

Postby BBQ Jim » Thu Dec 10, 2009 11:00 pm

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
Last edited by BBQ Jim on Wed Oct 13, 2010 6:02 pm, edited 2 times in total.
User avatar
BBQ Jim
 
Posts: 431
Joined: Tue Feb 19, 2008 9:44 pm

Re: HOW-TO: Embedded videos and slideshows in posts

Postby stringy » Fri Dec 11, 2009 5:42 pm

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.
Image
User avatar
stringy
There's a Mount for That
 
Posts: 3578
Joined: Tue Sep 18, 2007 4:44 pm

Re: HOW-TO: Embedded videos and slideshows in posts

Postby Joaquin » Fri Dec 11, 2009 10:40 pm

Jeff can we download pdf to a post?

thanks
j
User avatar
Joaquin
For Your Viewing Pleasure
 
Posts: 1201
Joined: Wed Sep 19, 2007 6:06 pm
Location: Friday Harbor

Re: HOW-TO: Embedded videos and slideshows in posts

Postby Loki » Sat Dec 12, 2009 10:47 am

Joaquin - should work now.
PSKite Site Admin / Developer
Windhunter Android App Developer
User avatar
Loki
PSKite Magician
 
Posts: 2178
Joined: Sun Jul 05, 2009 12:20 pm
Location: Halfway between Mags and Jetty

Re: HOW-TO: Embedded videos and slideshows in posts

Postby Chashmaan » Thu Nov 06, 2014 9:34 pm

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!
:geek: :ugeek: :roll:
Johni...!!
Chashmaan
 
Posts: 1
Joined: Thu Nov 06, 2014 9:26 pm


Return to Website Development and News

Who is online

Users browsing this forum: No registered users and 1 guest