HTML5 Video How-To

Over 20 practical, hands-on recipes to encode and display videos in the HTML5 video standard with this book and ebook.

HTML5 Video How-To

Starting
Alex Libby

Over 20 practical, hands-on recipes to encode and display videos in the HTML5 video standard with this book and ebook.
$10.00
RRP $12.99
eBook
$12.99 p/month

Get Access

Get Unlimited Access to every Packt eBook and Video course

Enjoy full and instant access to over 3000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

+ Collection
Free Sample

Book Details

ISBN 139781849693646
Paperback82 pages

About This Book

  • Learn something new in an Instant! A short, fast, focused guide delivering immediate results.
  • 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

Who This Book Is For

This book is great for developers new to the HTML5 Video standard, and who are looking to get a good grounding in how to use the new format. It's assumed that you will have some experience in HTML and jQuery already, as well as being familiar with embedding videos using current "old school" methods, such as Windows Media Player. Readers are expected to have one or more videos available, which will be used during the exercises within this book.

Table of Contents

Chapter 1: HTML5 Video How-To
In the beginning…
Browser inconsistencies
Transcoding a video into HTML5 format (must know)
Installing playback support (must know)
Publishing videos (should know)
Embedding videos—the old school way (must know)
Embedding a video using HTML5 (become an expert)
Extending the video code (should know)
Adding mime types (must know)
Adding cross-browser support (should know)
Adding codec definitions (must know)
Providing fallback support (should know)
Adapting for iPads/iPhones/Android (should know)
Setting up VideoJS—an example player (become an expert)
Setting up Kaltura video—an example player (become an expert)
Building the video player—the framework (must know)
Adding controls to your player (must know)
Styling your video player (should know)
Adding the jQuery functionality (must know)
Adding an overlay button (should know)
Inserting subtitles (should know)
Providing fall-back support using a polyfill (should know)
Displaying video through an Overlay (should know)

What You Will Learn

  • Converting videos into a valid HTML5 format
  • Setting up playback support for videos from within your web pages or browser
  • Embedding videos using the HTML5 standard
  • Publishing videos to popular hosting sites, such as YouTube or VideoBin
  • Setting up fall-back support for older browsers
  • Support for cross-browser playback, using a HTML5 polyfill
  • Building your own custom video player using jQuery
  • Creating a theme for use with your video player
  • Adding subtitles to your video
  • Presenting videos using a "lightbox" effect

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.

Authors

Table of Contents

Chapter 1: HTML5 Video How-To
In the beginning…
Browser inconsistencies
Transcoding a video into HTML5 format (must know)
Installing playback support (must know)
Publishing videos (should know)
Embedding videos—the old school way (must know)
Embedding a video using HTML5 (become an expert)
Extending the video code (should know)
Adding mime types (must know)
Adding cross-browser support (should know)
Adding codec definitions (must know)
Providing fallback support (should know)
Adapting for iPads/iPhones/Android (should know)
Setting up VideoJS—an example player (become an expert)
Setting up Kaltura video—an example player (become an expert)
Building the video player—the framework (must know)
Adding controls to your player (must know)
Styling your video player (should know)
Adding the jQuery functionality (must know)
Adding an overlay button (should know)
Inserting subtitles (should know)
Providing fall-back support using a polyfill (should know)
Displaying video through an Overlay (should know)

Book Details

ISBN 139781849693646
Paperback82 pages
Read More