You are previewing HTML5 Video How-To.
O'Reilly logo
HTML5 Video How-To

Book Description

Over 20 practical, hands-on recipes to encode and display videos in the HTML5 video standard

  • Encode and embed videos into web pages using the HTML5 video standard

  • Publish videos to popular sites, such as YouTube or VideoBin

  • Provide cross-browser support for HTML5 videos and create your own custom video player using jQuery

In Detail

Publishing videos online has been around for a number of years, although has really taken off with the advent of video sharing sites such as YouTube. The power of video is huge if done well; it can present a lot of information in a more visually engaging manner than using written text and pictures. Done badly though – it can present real problems to the company or individual hosting the video, that have the potential to cause some real harm!

"HTML5 Video How-To" is a practical, hands-on guide that provides you with a number of clear step-by-step exercises, which will help you take advantage of the real power that is behind HTML5 video, and give you a good grounding in using it in your web pages.

This book looks at the HTML5 video formats available, and breaks down the mystery and confusion that surrounds which format to use. It will take you through a number of clear, practical recipes that will help you to take advantage of the new HTML5 video standard, quickly and painlessly.

You will also learn how to build your own video player using jQuery, or by using one of the pre-built libraries available. We will also take a look at adding functionality such as lightbox effects, or subtitles, as well as how to publish videos to popular hosting sites, such as YouTube or VideoBin. If you want to take advantage of using the new HTML5 video format, then this is the book for you.

You will learn everything you need to know to convert videos into the right format, as well as how to display them in your browser or web pages, across multiple platforms.

Table of Contents

  1. HTML5 Video How-To
    1. Table of Contents
    2. HTML5 Video How-To
    3. Credits
    4. About the Author
    5. About the Reviewer
    6. www.PacktPub.com
      1. Support files, eBooks, discount offers and more
        1. Why Subscribe?
        2. Free Access for Packt account holders
    7. Preface
      1. What this book covers
      2. What you need for this book
      3. Who is this book for
      4. Conventions
      5. Reader feedback
      6. Customer support
        1. Downloading the example code
        2. Errata
        3. Piracy
    8. 1. HTML5 Video How-To
      1. In the beginning…
      2. Browser inconsistencies
      3. Transcoding a video into HTML5 format (must know)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
      4. Installing playback support (must know)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
      5. Publishing videos (should know)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
      6. Embedding videos—the old school way (must know)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
      7. Embedding a video using HTML5 (become an expert)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
      8. Extending the video code (should know)
        1. Getting ready
        2. How to do it ...
        3. How it works...
        4. There's more...
      9. Adding mime types (must know)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
      10. Adding cross-browser support (should know)
        1. Getting ready
        2. How to do it...
        3. How it works...
      11. Adding codec definitions (must know)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
      12. Providing fallback support (should know)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
      13. Adapting for iPads/iPhones/Android (should know)
        1. Getting ready
        2. How to do it...
        3. How it works...
      14. Setting up VideoJS—an example player (become an expert)
        1. Getting ready
        2. How to do it...
        3. How it works...
      15. Setting up Kaltura video—an example player (become an expert)
        1. Getting ready
        2. How to do it...
        3. How it works...
      16. Building the video player—the framework (must know)
        1. Getting ready
        2. How to do it...
        3. How it works...
      17. Adding controls to your player (must know)
        1. Getting ready
        2. How to do it...
        3. How it works...
      18. Styling your video player (should know)
        1. Getting ready
        2. How to do it...
        3. A recap…
        4. How it works...
        5. There's more...
      19. Adding the jQuery functionality (must know)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
      20. Adding an overlay button (should know)
        1. Getting ready
        2. How to do it...
        3. How it works...
      21. Inserting subtitles (should know)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
      22. Providing fall-back support using a polyfill (should know)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
      23. Displaying video through an Overlay (should know)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. Summary
    9. Index