Videos for the Web with HTML 5

Table of Contents

Videos for the Web with HTML 5 - an Introduction

HTML5: the HTML5 Video Tag, Browser Support, Converting Videos into an HTML5 Supported Format.

• HTML5 versus Flash
• video formats supported by HTML5
• Data Rates for Videos on the Web
• Encoding Videos with ffmpeg for HTML5
• Comfortable Video Conversion with GUI Programs
• Background: Video Compression, Pre-Editing in order to Clip Videos
• the HTML5 Video Tag: making it work
• Media Queries with CSS3
• Enjoye the Results
• Image Gallery

Flash Video Fallback for HTML5 Video Solutions

Flash Video: how to convert with ffmpeg, how to embed with the video-tag.

• Introduction
• How to Convert Flash Videos with ffmpeg
• Embedding Videos
• Our Approach
• The Sources
• Other Compatibility Solutions
• Enjoye the Results

HTML 5 Video Scripting with Javascript

Javascript: Scene List, Progress Bar, Fast Forward and Backward, Volume controls.

• Our Video Divided into Scenes
• Reference; the video tag: Javascript Functions, Properties and Event Handlers
• Sourcecodes of the Embedded Video

Histogram Based Scene/Shot Detection

Implemented in Javascript for HTML5 Videos

• Introduction: How the algorithm works
• Download / Live Test
• User Guide
• Installation Manual