View
2.571
Download
0
Category
Tags:
Preview:
DESCRIPTION
Jen Simmons presents "Video on WordPress" at WordCamp NYC in October 2008. Learn various ways to put video on your wordpress website.
Citation preview
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)
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
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
Recommended