mediaelementjs를 유연한 플래시 플레이어로 사용

고정 크기 플래시 플레이어로 재생되는 플래시 비디오 라이브러리가 있습니다. mediaelementjs를 사용하여 크기를 선택할 수있는 플레이어를 적어도 갖고 있어야합니다. 반응 형 크기와 모바일 스테이지 옵션을 추가 할 수 있습니다.mediaelementjs를 유연한 플래시 플레이어로 사용

웹 사이트의 예제를 최소화했지만 필자는 예제 파일을 전혀 재생하지 않습니다.

<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를 유연한 플래시 플레이어로 사용

답변

관련 문제