JQuery HTML5 Video Player

Overview

This is a fantastic HTML5 video player based on jQuery JavaScript Library. This script doesn't require any extra Browser Plugins to display HTML5 videos. It features a beautiful and unified UI on all desktop browsers and supports Fullscreen in Window Mode.

Features

  • Only 8KB footprint
  • Unified control UI for all desktop browsers
  • Supports modern browsers
  • No browser plugins required
  • Fully oporated in JavaScript
  • Supports Fullscreen mode (window mode)
  • Can seek to any point in movie
  • Shows buffer status
  • Works on iPad, iPhone and iPod touch
  • Supports auto start
  • Supports video preloading
  • Supports loop video
  • Shows friendly message for older browsers

Browser Support

  • Firefox 3.6+
  • Chrome 4+
  • Opera 10.5+
  • Safari 4.0.4+
  • iPad Safari (native UI)
  • iPhone Safari (native UI)
  • iPod Touch Safari (native UI)

Example Code

jQuery("#video_player").H5Video({
    source : {
        "video/ogg"  : "videos/mymovie.ogg",
        "video/mp4"  : "videos/mymovie.m4v",
        "video/webm" : "videos/mymovie.webm"
    },
    animationDuration : 350,
    loop              : false,			
    preload           : true,
    autoPlay          : false,			
    poster            : "images/poster.jpg",			
    supportMessage    : "This browser doesn't support HTML5 videos.",
    events : {
        pause : function()
        {
            writeMessage("Paused video");
        },
        play : function()
        {
            writeMessage("Playing video");
        },
        end : function()
        {
            writeMessage("End of video");
        }
    }
});

Other scripts by DenonStudio