myth-player

Myth player is a simple html5 video player depending on mythril.js.

API

The media element can be accessed via player.mediaElement directly.

api(methodName, arg) method enables calling the media element's methods, such as:

   player.api("load");

Usage

var player = mythPlayer(containerID, configuration, mediasources);

containerID

Simply the id of the container element. In the following tree, the container id would be "videoContainer":

   <div id="videoContainer">
      <video controls="" preload="auto">
          <source src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4">
      </video>
   </div>

configuration

An object consisting of attributes for the media element. Please have a look at http://www.w3.org/TR/html5/embedded-content-0.html#the-video-element . Currently the default settings are as follows, but you can always override the configuration.

      {
            autoplay: false
            ,preload: "auto"
            ,controls: true
      }

sources

Sources for the media player. Sources can either be provided at the initialization or set later by player.setSources.

Example:

      <script type="text/javascript">
        (function(){

            var player = mythPlayer("videoContainer", {}, {
                mp4: "http://media.w3.org/2010/05/sintel/trailer.mp4"
            });

            /* or 
                player.setSources({
                     mp4: "http://media.w3.org/2010/05/sintel/trailer.mp4",
                     webm: "..."
                })
            */
            player.api("play");

        })();
    </script>