New Scripts | HTML5

Features Get a player in 3 easy steps Full Javascript/HTML/CSS UI Full Availability of HTML5 attributes Pass content to be displayed in browsers that do not support Support for multiple formats for each video. Support for WebKit's fullscreen API Full Range of Video Controls Specify which controls you need Follows YUI practices (or at least tries too!)

Dplayer is a HTML5 video player that allows users to easily embed videos in any page, blog or site using the newest web standards. It mainly makes use of HTML, CSS and JS while featuring as less Adobe Flash as possible (just for fallback) to allow customization with a minimal effort. Browsers makers are still working on fully supporting the HTML5 video specification and the strength of Dplayer is that it currently works on major web browsers: Firefox, Safari, Google Chrome, Internet Explorer, Opera and is even compatible with Apple Iphone and Ipad. What you are dealing with here is a pure javascript driven HTML5 video experience. Flash is used only whenever there is no native H.264 support available. In such cases a minimalistic SWF which mimics an HTML5 video element as good as necessary is used..

CwVideo – A Toolkit to handle HTML 5 video http://www.chipwreck.de/blog/software/cwvideo/ A toolkit to use and control HTML5-video with the current mootools release – and two extensions of Fx.Slider: A video timeline and a volume slider. What is this plugin about? First at all it extends the current (1.24) mootools release to handle the new HTML5 video-tag. So you can easily access a videos properties and control the video in a mootools-like way. Furthermore it contains two extensions to the Fx.Slider class from mootools: CwVideo.Volumeslider creates a volume slider CwVideo.Timeline for a timeline slider with several features to simplify creating your own video controls. Features Simplify video control Timeline Controller (Timeslider) Volume Slider

The html5media project consists of a single, minified Javascript file that is used to detect your browser’s HTML5 video capabilities. Any video tags that cannot be played are dynamically replaced with a Flash video player.

Akamai has released a new Open Video Player for HTML5 developer toolkit, aimed at simplifying the task of creating flexible HTML5-based video player applications for delivery of HTTP content.

jme is an HTML5 audio / video development kit with Flash and VLC Fallback, which focuses on flexibility, intuitive DOM-API and semantic code. Features with slightly API Changes (less configuration) ----------------------------------------------------- - fullscreen plugin (usability): changed how we position the media-controls and media-state element - jmeEmbed (usability): setting JW-Player path automatically to the JS-Path - jmeEmbed (usability): setting wmode to transparent, if controls are false, the media element is a video element and param-configuration for wmode is undefined. - jmeControl (usability): controls are remove if jmeEmbed is called through jmeControl

Plays video as well as audio Fallback to Flowplayer (mp4, h.264) or Cortado (oga, ogv) Easy to use and implement Consistent look between browsers, even with fallback Multiple different players on a page Play/pause Mute/unmute Full 'screen' (full window really, that is what HTML5 requires) Dark and white controls, on top or below player Easily skinnable with css iOS, iPhone, iPad etc. compatible Fires events: 'oiplayerplay' and 'oiplayerended' to use f.e. for play statistics

Kaltura has developed a full HTML5 Video Library – in use by Wikipedia – that works in ALL major browsers, even IE. The library supports a seamless fallback with Flash based playback (using Kaltura’s media player – KDP3) or Java Cortado for browsers that don’t yet feature HTML5 video & audio support.

HTML5 video with Flash fallback Easy CSS/HTML/JS customization and theming Full screen support Completely open source and free for commercial use

Comes out of the box in two well designed variations; is set up in minutes. With useful options: Flexible dimensions, unlimited colors, playlists and two different buttonsets for light and dark themes. Featuring the technology of Projekktor it comes with cross-browser compatibility via Flash fall back plus optional social links and for detailed artist information. Works with all modern browsers and mobile devices like iPad, iPhone and more.

In this series we explore how to create a game character using HTML5 Canvas and JavaScript. Each part of the series will give step by step instructions how to give our character a new ability such as running and jumping. Demos and source code included.

Using only HTML5 you can: create diagrams, share with others and export as SVG or PNG.

Vplayer works on all modern browsers, and can fall back to Flash for older browsers. The scripts’ only dependency is jQuery.

You can use HTML tags to add some styling your subtitles. And the look of the subtitles can be customized with CSS .

All the player graphics are driven by XML so you can change anything very easy. The gallery works in all major browsers environment – including IE through flash fall-back. Also, by inputting a single video in the video gallery, it becomes a video player; so you purchase one product, and you have two.

Features: Uses audio tag with flash fallback (ensures functionality in older browsers). Uses local storage to keep a “favorites” playlist. Entire app is imageless (CSS3). Pulls metadata (including album cover) from music files. List view and tile view (using album covers).

If you’ve ever tried to edit the Dreamweaver color scheme on your own, you know what a pain it can be (and if you haven’t, you’re not missing much). But, Dweamer makes easy work of a task that used to take several hours. And since Dweamer allows you to save themes, you can come back and edit them at any time, or quickly switch to a different theme whenever you like (without having to start from scratch every time). As an added bonus we will soon be launching a free Dweamer theme gallery where you can share your themes with others and download themes other users have created! So, if you’re tired of the default Dreamweaver colors (or never liked them in the first place), give Dweamer a try!

Tejas is built on jQuery and utilizes the very powerful ThemeRoller system for rendering its user interface. This means that changing the color scheme or images is as simple as just going to the ThemeRoller site and using the friendly GUI to change whatever you need. If you want to delve even deeper, it provides more options and flexibility so that you can create an UI you want without touching the plugin.

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.

Vplayer is a minimalistic HTML5 Video Player with a Social Media Sharing Widget and a Video Gallery Slider. Vplayer works on all modern browsers, and can fall back to Flash for older browsers. The scripts’ only dependency is jQuery. Features Customizable Skin with CSS Dynamic FullScreen Mode (supports resizing) User-Friendly Sound Controller Sharing Widget (Facebook, Twitter, Digg…) Video Gallery Supports Preloading and AutoPlay Supports Flash Fall-Back for old browsers Works on all modern browsers