Drupal Video Players

Modules

  • drupal.org/project/jplayer (3899) provides a wrapper around the jPlayer JavaScript library. This library provides an HTML5-based player, that uses a Flash fallback for browsers that do not yet support it.
  • drupal.org/project/media (59252) provides an extensible framework for managing files and multimedia assets, regardless of whether they are hosted on your own site or a 3rd party site - it is commonly referred to as a ‘file browser to the internet’.
  • drupal.org/…oject/mediaelement (3432) HTML5 player for media wonderful but D7 only
  • drupal.org/project/videojs (3334) Video.js is an HTML5 Video Player with 3 core parts: An embed code (Video for Everybody), a Javascript library (video.js), and a pure HTML/CSS skin (video-js.css). Version 3 of Video JS also ships with an integrated Flash Player for browsers that do not support HTML5.
  • drupal.org/project/flowplayer (7350) An API module to provide integration with the GPL licensed Flowplayer for Flash video playback.
  • drupal.org/project/projekktor (145) free, open source (GPL) HTML5 based video player written in Javascript
  • drupal.org/…ect/jwplayermodule (2488) D6 only! JW Player for Drupal makes it extremely easy to deliver Flash and HTML5 video through your Drupal website
  • drupal.org/project/video (13954) This module allows users to submit videos to a Drupal site. Video module 7.x-2.x provides a Video field
  • praegnanz.de/html5video Comparison chart, recomments jwplayermodule, mediaelement, projekktor, videojs, not jplayer
  • donmorris.com/…ers-in-drupal-7 Another comparison

Install Mediaelement

wget http://github.com/johndyer/mediaelement/zipball/master
unzip master
mv johndyer-mediaelement-* mediaelement
rm -Rf master mediaelement/demo/ mediaelement/src/
rm -Rf mediaelement/media/ #to get rid of huge media files, but will impact drupal config
mv mediaelement/ /opt/dr7/contrib/libraries/

There is a problem with the mediaelement module in that it does not let you set a poster/thumbnail/preview image

Displaying controls

  • add the following lines in the .htaccess file on the root of your website:
AddType image/svg+xml svg
AddType image/svg+xml svgz

(Source)