MediaElement.js with autoplay

.htaccess

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

_info

SOURCE:
http://mediaelementjs.com/

footer.tpl

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script src="js/ext/videoplayer/mediaelement-and-player.min.js"></script>
  <script src="js/javascript.js?v0.1"></script>

index.tpl

            <video id="player1" width="940" height="528" poster="video/01.jpg" preload="none">
              <source type="video/mp4" src="video/01.mp4">
              <source type="video/webm" src="video/01.webm">
              <object width="940" height="528" type="application/x-shockwave-flash" data="js/ext/videoplayer/flashmediaelement.swf">
                <param name="movie" value="js/ext/videoplayer/flashmediaelement.swf">
                <param name="flashvars" value="controls=true&amp;file=video/01.mp4">
                <img src="video/01.jpg" width="940" height="528" title="Kein kompatibles Video vorhanden">
              </object>
            </video>

javascript.js

  // Video Player mit MediaElementjs
  var player1;
  if($('#player1').length > 0){
    if($.browser.msie) {
      $('#player1').attr('autoplay', 'true');
    }
    player1 = new MediaElementPlayer('#player1', {
      features: [],
      loop: true,
      startVolume: 0.0
    });
    if(!$.browser.msie) {
      player1.play();
    }
  }