Video on WordPressWordCamp New York

October 5, 2008

Jen Simmons

Milkweed Media Design

How to Put Video on Your WordPress website

Embed code

Viper’s Video Quicktag

Show in a Box community

vPIP

Recent Videos, Related Videos, Video Archives

Video themes

The Easiest Way

Upload your video to (or find someone else’s video at) a video hosting site.

ie: YouTube, Blip.tv, Vimeo, Viddler

Grab the embed code

Paste it in a WP post (in the “html” window)

Why is this good?

It’s easy

It uses a video player your audience knows how to use already

Using technology that is easy frees up more of your time to create videos and post them

Why is this bad?There’s nothing in the feed.

Nothing shows up in Miro.

People have to come to your site to see your videos. You aren’t broadcasting.

You are tying yourself, your site to a 3rd party brand.

It’s all flash. No iPhone support beyond YouTube.

<detour>

Your Video+

RSS feed=

Broadcasting

Television as we’ve known it is dying

Miro: “Tivo for internet video”

Also, iTunesfor watching on your computer, or iPod or iPhone (if the videos are in the right format)

And…aggregation http://mefeedia.com

The Web is more than a giant

brochure rack.

photo by Stephanie Asher

Web 2.0 … 3.0…It’s not (only) about the page

</detour>

Why is this bad?There’s nothing in the feed.

Nothing shows up in Miro.

People have to come to your site to see your videos. You aren’t broadcasting.

You are tying yourself, your site to a 3rd party brand.

It’s all flash. No iPhone support beyond YouTube.

More bad

The html is not valid

That embed code might freak out people who post to the site. Remembering to use the html side could be too much geekery.

Viper’s Video Quicktagshttp://wordpress.org/extend/plugins/vipers-video-quicktags/

Click on a cute button, then paste just the URL into a box with clear directions.

Results using Viper’s Video Quicktags

Looks exactly the same on the website

Valid HTML

At least the feed is not empty

But still nothing in Miro, nothing in iTunes, no broadcasting

Still only Flash format

Lots of Similar Plugins

Smart YouTube

wordTube

Gecko Tube

Embedded Videos

Flash Video Player

EasyTube

XHTML Video Embed

search at http://wordpress.org/extend/plugins

Wish Listaggregate video to the internet via RSS feeds

support multiple video formats

support for mobile devices

create a great-looking website that’s easy to use

utilize technology that’s not overwhelming to contributors

encourage watching of older, archived content

promote community + discussion

encourage viewers to virally share videos

Show in a Box

Community of People figuring out how create video-centric websites using WordPress

Forums

Tutorials

Recommended WP Plugins and Themes

http://showinabox.tv

vPIP: Videos Playing in PlaceEnric Tellerhttp://wordpress.org/extend/plugins/vpip-videos-playing-in-place/

http://vpip.org

vPIP Screencast TutorialRyanne Hodsonat showinabox.tv

vPIP Screencast TutorialRyanne Hodsonat showinabox.tv

vPIP Screencast TutorialRyanne Hodsonat showinabox.tv

How to post via vPIP

vPIPsupports multiple formats

creates a separate feed for each format

post by entering URLs to video files into a form box

video files can be hosted anywhere — on your server, at blip.tv, elsewhere

create poster image and thumbnail manually, also entering the URLs for those into the form box

specify any flash player, including your own custom player

offer embed code for sharing

Miro: Ryan in Hungryall Quicktime movies, none of other formats

More PluginsRelated Videos

Recent Videos

Video Archives

Related VideosGives you a chance to mark each post with other videos that are related, and have those show up as thumbnails in the sidebar (or wherever)

Recent Videos

Like any recent posts plugin, Recent Videos makes a list of recent videos. In this case, however, it’s a visual list, using a thumbnail for each video.

Video ArchiveCreates a page (or set of pages) that list previous video posts with a thumbnail image and links to the videos. Better for archiving than tools designed for text posts.

Site DesignEnough with the geeky plugin debate.

How does the website look?

ThemesWhat themes are out there to help you create a video site?

Show in a Box plugins work with any WP theme

Double Feature Dark Polished by Adam Warner with Cheryl Colan

Spaceyby Michael Verdi

Double Featuretheme by

Adam Warner

with Cheryl Colan

http://showinabox.tv/themes/

- displays two videos side-by-side, from two different categories

Spaceytheme by

Michael Verdi

http://showinabox.tv/themes/

- built on K2

- designed to be customized

Other Video-centric WordPress Themes(These have nothing to do with vPIP, Show in a Box, or any of the plugins I’ve shown you. I believe these themes use custom fields / possibly custom plugins. Not open source.)

VideoPremium theme by

Quommunication

$75 (or up to $245)

http://quommunication.com

On DemandPremium theme by

Jason Schuller

Press75

$75 (or up to $250)

http://www.press75.com

TV ElementsPremium theme by

Jason Schuller

Press75

$75 (or up to $250)

http://www.press75.com

Video ElementsPremium theme by

Jason Schuller

Press75

$50 (or up to $175)

http://www.press75.com

Video FlickPremium theme by

Jason Schuller

Press75

$50 (or up to $175)

http://www.press75.com

Premium Themes

Videos do not show up in the feeds

Subscribing in Miro results in nothing

Lo-fi Saint Louis is built on On Demand, and Bill Streeter got his feeds working. http://lofistl.com

using Embed code

importance of feeds

Miro, iTunes

Viper’s Video Quicktag

many others in the directory

vPIP

Related Videos, Recent Videos, Video Archive

Spacey

Double Feature

Premium Themes

Forums

Tutorials

Recommendations

Updates

Plugins

ThemesFoundation

Show in a Box

http://showinabox.tv

Jen SimmonsMilkweed Media Design

http://milkweedmediadesign.com

WordPress / Drupal design + development