Web Video Publishing Best Practices and Website Video Tips - How to Add Video to Your Website.


Published on

This is my presentation for PubCon 2009 where I was asked to speak to the audience about how to publish videos online and integrate video publishing for websites. In this presentation, you will learn about various ways to host video online, publish videos to your website, and best practices for publishing web video. Hope that you enjoy.

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • H.264 was introduced in Flash Player 9 Update 3H.264 is the next-generation video compression technology in the MPEG-4 standard, also known as MPEG-4 Part 10 (ISO/IEC 14496-10). H.264 delivers excellent video quality across the entire bandwidth spectrum — from 3G (Mobile phones) to HD (Broadcast) and everything in between. H.264 is now mandatory for the HD-DVD and Blu-ray specifications (the two formats for high-definition DVDs) and ratified in the latest versions of the DVB (Digital Video Broadcasters) and 3GPP (3rd Generation Partnership Project) standards. Numerous broadcast, cable, videoconferencing and consumer electronics companies consider H.264 the video codec of choice for their new products and services, including Apple, Sony, Nokia, SanDisk, Palm, Blackberry and even Microsoft.
  • Web Video Publishing Best Practices and Website Video Tips - How to Add Video to Your Website.

    1. 1. Video Publishing & Website Integration Best Practices<br />
    2. 2. 3 Options for Website Video Publishing Environments<br />Self-Hosted<br />Online Video Platforms (OVP, e.g. Brightcove)<br />Post & Embed (Social video, e.g. YouTube) <br />Things to Consider<br />Purpose for video?<br />Sales & Marketing<br />Customer Service, How-to<br />HR, Internal Marketing, Training<br /># Videos<br />Monetization strategy (ROI)<br />IT resources?<br />Need deep integration?<br />To Host or Not to Host<br />
    3. 3. Advantages / Disadvantages<br />
    4. 4. Self-Hosted Video<br />
    5. 5. Use-Cases<br />Few videos<br />No need for integration<br />Good technical resources<br />Advantages<br />Complete control<br />File formats, delivery, players, monetization<br />Disadvantages<br />Need resources for:<br />Storage<br />Delivery<br />Integration<br />So You Want to Host your Own Videos<br />
    6. 6. Use Flash Player/Container – Ubiquitous <br />SWF NOT a movie – player only<br />File Formats & Compression?<br />Flv vs. mp4 vs. m4v vs. mov vs. wmv, etc…<br />.h264 vs. MPEG-2 vs. Vorbis, etc…<br />First – What Type of Video File/Format?<br />99% as of 11/1/09<br />
    7. 7. Recommendation <br />Mp4 .h264 codec w/AAC (audio)<br />Highest quality for file size<br />Supported by:<br />Mac, PC, Flash 9+, iTunes<br />Mobile devices (iPhone, etc…)<br />Broadcast<br />Blue-Ray<br />Tools for Transcoding<br />Sorenson Squeeze<br />Macromedia Flash Media Encoder<br />Handbrake (free)<br />Encoding.com<br />VideoRX.com<br />Transcoding Videos – What Compression?<br />
    8. 8. Delivery Best Practices<br />Lots of video? – You’ll Need a CDN (content delivery network)<br />Recommendations<br />Amazon S3 + Cloudfront✔<br />Akamai<br />Bitgravity, etc…<br />Players<br />Custom branding, interactivity, analytics?<br />Recommendations:<br />JW Player/Longtail✔<br />Flow Player<br />Macromedia Flash<br />Getting Video to your Users - Delivery<br />
    9. 9. Video Hosting Platforms<br />
    10. 10. “An online video platform is a free or fee-based self-service platform that offers hosting, encoding, customizable & embeddable players, and metrics for organizations that wish to upload and distribute their own video content.”<br />Dedicated Video Hosting Platforms<br />
    11. 11. Shopping for an Online Video Platform<br />Evaluate Options<br />Monetization<br />Customization<br />Interactivity<br />Analytics<br />DIY or plug-n-play<br />Plugins & API<br />Get under the hood – test-drive<br />Most offer free trials<br />Month to month agreements<br />What’s their migration policy?<br />Choosing the Right Video Platform<br />
    12. 12. Dedicated Online Video Hosting/Delivery Platforms<br />All-Purpose<br />Brightcove, Vzaar, Fliqz, Bitsontherun, Ooyala, Kaltura, Sorenson 360<br />60 +  Vidcompare.com<br />Sales & Marketing<br />Veeple, Wistia<br />Live<br />Ustream.tv, Livestream.tv (formerly Mogulus), Justin.tv<br />Wordpress<br />Tons of plug-ins available (JWPlayer, Kaltura, etc…)<br />Video press<br />Dedicated Video Hosting Platforms<br />
    13. 13. Advantages – Less Expensive, simple to use, social nature<br />All – Social nature, destination sites…<br />YouTube = Free, easy to use, large audience, etc… (rights-&gt;YouTube)<br />Vimeo= Inexpensive, HD, customizable player (no products)<br />Blip.tv = Cheap, customizable players, ad support, syndication, iTunes<br />Viddler= Customizable players, HD, syndication, in-video commenting<br />Post & Embed – “Social Video Platforms”<br />
    14. 14. Hosting with YouTube<br />
    15. 15. Recommendations/ Guidelines for Uploading to YouTube<br />HD – best quality, multiple options<br />16:9 Aspect Ratio Recommended (4:3) letterboxed<br />Resolution<br />HD = 1280x720<br />Else = 640x360 (16:9), 480x360 (4:3)<br />Mp4 file format<br />.h264 video compression<br />AAC or MP3 audio compression<br />Frames per second: 30 <br />Maximum length: 10:59 (we recommend 2-3 minutes)<br />Maximum file size: 2 GB (still says 1G, but trust me)<br />Uploading to YouTube<br />
    16. 16. YOUTUBE Hacks & Tricks – Customize Embed Code<br /> New embed code will be changing soon – currently not XHTML complaint<br />Turn off title & ratings<br />&showinfo=0<br />Turn off search and related <br />&showsearch=0&rel=0<br />Turn off annotations<br />&iv_load_policy=3 <br />Custom Size? = Use 16:9 + 25px height<br />Width(9)=Height(16) – 25px<br />Want a custom player?<br />Use Chrome-less Player (YouTube API)<br />JW FLV Player<br />YouTube Embed Hacks<br />
    17. 17. Web Video Integration Best Practices<br />
    18. 18. Creating a Video Section – (Multiple Videos)<br />Subdirectory vs. subdomain<br />Depends on resources<br />Subdirectory preferred – i.e. site.com/videos/<br />Don’t make it difficult for users to find<br />Prominently link to your video section<br />Incorporate video results within your own site search<br />Help search engines find your video content<br />MRSS feeds, XML Sitemaps<br />Best Practices for Website Video Integration<br />
    19. 19. Creating a Video Landing Page<br />1 Video/URL<br />Unique URLS w/Keywords<br />Use Embedded Players<br />Not Pop-ups, not lightbox<br />Optimize the Video Landing Page<br />SEO principles for titles, URLs, metadata, H1, etc…<br />Keyword anchor text to URLs<br />Provide Context to Surround Video (accessibility/SEO)<br />Contextually related links (products, videos, articles)<br />Related on-page text (tags, transcripts, comments)<br />Best Practices for Video Landing Pages<br />Video Landing Page Anatomy<br />
    20. 20. Consider distribution outside your site<br />YouTube for sure<br />iTunes<br />Tools: tubemogul, heyspread<br />Enable social interactivity<br />People like to share videos<br />Social bookmarking, embedding, commenting & rating<br />Create compelling thumbnails<br />Eye-catching <br />Relevant<br />High Quality<br />Other Tips for Website Video<br />
    21. 21. Thank You<br />Mark R. Robertson, Founder<br />www.reelseo.com<br />Twitter.com/reelseo<br />Facebook.com/reelseo<br />