Degradable HTML5 audio and video

By : soukie

Embed video and audio on your website using shortcodes. The plugin enables HTML5 native playback for users with compatible browsers while offering an elegant degradation to other users through very lightweight Flash players. For HTML5 playback, it auto-detects and offers different alternatives, or degrades to Flash, and (failing even that) to download links.

Typical usage is simply [audio src="http://myblog.com/wp-content/uploads/2009/09/mysong"]

The plugin will make sure this does the following:

  1. If the user has an HTML5 support for video and audio, it will play the media natively in an appropriate format.
  2. Otherwise, if the user has Flash, it will play the media in lightweight Flash players.
  3. Otherwise, there will be a link for the audio or video files so that the user can still play them using their installed software players.

The plugin also allows you to provide only one version of the file (and force Firefox to fallback on Flash).

Refer to the Instructions section below on how to use the plugin.

Codecs and browsers: The current situation with HTML5 is not ideal. For video, you should supply two formats to support all browsers. (But if you do not mind forcing Firefox to fall back to Flash, you can provide H.264 version only.) See the tables below to see what file will be played based on the support in the current browsers.

VIDEO           Flash   H.264   Ogg Theora
                .flv     .m4v      .ogv
Firefox 3.6      -          -        X
Safari 4.0       -          X        -
Chrome 4.0       -          X        X
Other (Flash)    X          X        -

When a browser supports multiple formats and the files are available, the preference goes from left to right (e.g. Chrome will prefer the H.264 format; reflecting the quality of the codecs). The FLV format is optional and it is provided for backwards compatibility to play older FLV-only videos either alone (no HTML5 video) or as a preferred fallback version when used alongside versions converted to H.264 and Ogg.

AUDIO         WAVE   MPEG-4   Ogg Vorbis   MPEG
              .wav    .m4a       .oga      .mp3
Firefox 3.6     X       -          X         -
Safari 4.0      X       X          -         X
Chrome 4.0      -       X          X         X
Other (Flash)   -       -          -         X

For audio, you have to include at least .mp3 and .oga/.ogg versions to cover all browsers. (Or, you can supply .mp3 only which will force Firefox to fall back to Flash). Other formats are optional. Again, the preference for multiple available files in browsers supporting multiple codecs is left to right.

The Flash players used are a standalone version of WordPress Audio Player by Martin Laine, and Videoplayer by Mr.doob.

Plugin Homepage

Projekktor Video Tag Extension

This plugins adds easy to learn shortcodes allowing you to embed a HTML5 based audio and video player into your blog posts with ease. The player features: Six premium player themes automatic Flash fallback custom Logo Overlay Youtube support Social features (embedding, post to Twitter and Faceboo.........

Similar: 58%

Skip to Timestamp

Skip to Timestamp allows two ways of generating links in your posts that automatically skip to a given time in an embedded media element. You've seen it in the Youtube descriptions, now get it in your embeds! To create a link, either: Use our [skipto] shortcode which takes a "time" (or "timestamp.........

Similar: 45%

Remote My Project Playlist Plugin for WordPress

The Remote My Project Playlist Plugin for WordPress makes it extremely easy to deliver your Remote My Project public videos through your WordPress website. This plugin has been developed by Hollywood Tools LLC., the creator of the Remote My Project, and allows for easy embedding of a Remote My Proje.........

Similar: 24%

MediaLink

Create a playlist (image, music, video, document) of data in the media library below the specified, MediaLink displays Pages by passing the data to various software. If you want to output the gallery by specifying the directory, please use the GalleryLink. In the media uploader, you may not be abl.........

Similar: 23%

GalleryLink

GalleryLink outputs as a gallery from the directory. Directory name and file name support for multi-byte character. (Photos, music, videos, documents) data that is supported. If you want to use the data of the media library, please use the MediaLink. You write and use short codes to page. Bun.........

Similar: 23%

CP Media Player - Audio Player and Video Player

CP Media Player - Audio Player and Video Player features: ♪ Publish an Audio player and Video player anywhere ♪ Support for audio and video files: MP4, OGG, WebM, WMV, MP3, WAV, WMA ♪ Support WebSRT subtitle files ♪ Allow playlist ♪ Supported by web browser: IE, Firefox, Chrome, Safari, Opera ♪ Su.........

Similar: 12%

Sell Downloads

Sell Downloads features: » Sell Downloads is a WordPress eCommerce » Allows selling digital files like audio,video,documents,pictures,etc. » Allows to filter products by types of files » Includes multiple layouts for the store » Allows paging and sorting the results by popularity, price or file nam.........

Similar: 11%

Files.fm File Upload Form

How does it work? Install the plugin at your WordPress website (for instructions see the tab „Installation”). Your customer visits your website where the Files.fm File Upload Form is embedded. Customer fills the information form and uploads files. The files are stored on Files.fm cloud storage. Yo.........

Similar: 6%

Shortcodes Ultimate

Shortcodes Ultimate is WordPress plugin that provides mega pack of shortcodes. This is really premium plugin that you can get absolutely for free! With this plugin you can easily create tabs, buttons, boxes, different sliders, responsive videos and much, much more. Turn your free theme to premium i.........

Similar: 5%

Zedity Editor: The Best Way to Create Your Posts and Pages!

Would you like to make your WordPress experience much easier? Zedity enables you to create posts and pages as naturally as writing on paper! With absolutely no coding skills required, creating catchy and professional content becomes incredibly easy and quick for anyone! Zedity is available in .........

Similar: 5%