mediaelementjs作爲一個靈活的Flash播放器

我有一個使用固定大小的Flash播放器播放的Flash視頻庫。我希望使用mediaelementjs至少有一名球員可以選擇大小 - 以增加響應大小和移動播放選項作爲後期階段。mediaelementjs作爲一個靈活的Flash播放器

我已經儘量減少網站上的這個例子，但它根本不播放這個例子文件。

<html> 
    <head> 
     <code> 
      <script src="mediaelementjs/jquery.js"></script> 
      <script src="mediaelementjs/mediaelement-and-player.min.js"></script> 
      <link rel="stylesheet" href="mediaelementjs/mediaelementplayer.css" /> 
     </code> 
    </head> 
    <body> 

     <div class="myvids" id="viddivap1" width="50%" style="width:100%;position:relative;"> 
     <video width="320" height="240" controls="controls" preload="none" style="max-width:100%;height:100%;"> 
      <!-- Flash fallback for non-HTML5 browsers without JavaScript --> 
      <object width="320" height="240" type="application/x-shockwave-flash" data="mediaelementjs/flashmediaelement.swf"> 
       <param name="movie" value="mediaelementjs/flashmediaelement.swf" /> 
       <param name="flashvars" value="controls=true&file=echo-hereweare.mp4" /> 
       <!-- Image as a last resort --> 
       <img src="myvideo.jpg" width="320" height="240" title="No video playback capabilities" /> 
      </object> 
     </video> 
     </div> 

    </body> 

</html>

來源

2012-09-25 jdog

你的例子是缺少「源」標籤：

<html> 
    <head> 
     <code> 
      <script src="mediaelementjs/jquery.js"></script> 
      <script src="mediaelementjs/mediaelement-and-player.min.js"></script> 
      <link rel="stylesheet" href="mediaelementjs/mediaelementplayer.css" /> 
     </code> 
    </head> 
    <body> 
     <div class="myvids" id="viddivap1" width="50%" style="width:100%;position:relative;"> 
     <video width="320" height="240" controls="controls" preload="none" style="max-width:100%;height:100%;"> 
      <source type="video/mp4" src="echo-hereweare.mp4" /> 
      <!-- Flash fallback for non-HTML5 browsers without JavaScript --> 
      <object width="320" height="240" type="application/x-shockwave-flash" data="mediaelementjs/flashmediaelement.swf"> 
       <param name="movie" value="mediaelementjs/flashmediaelement.swf" /> 
       <param name="flashvars" value="controls=true&file=echo-hereweare.mp4" /> 
       <!-- Image as a last resort --> 
       <img src="myvideo.jpg" width="320" height="240" title="No video playback capabilities" /> 
      </object> 
     </video> 
     </div> 
    </body> 
</html>

來源

2012-10-01 11:36:58

mediaelementjs作爲一個靈活的Flash播放器

回答

相關問題