HTML5 + Fallback Flash(IE8이하)

by 행복아이 posted Sep 12, 2014
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

HTML5 및 fallback flash (IE8이하, RTMP로)


<script src="/mediae/jquery.js"></script>
<script src="/mediae/mediaelement-and-player.min.js"></script>
<link href="/mediae/mediaelementplayer.css" rel="stylesheet" />

<link href="/mediae/mejs-skins.css" rel="stylesheet" />
<video class="mejs-wmp" width="720" height="406" preload="auto" controls="controls">
    <source src="http영상주소.mp4" type="video/mp4">
   <track kind="subtitles" src="자막주소.srt" srclang="ko" label="korean"></track>
<object width="720" height="406" data="/mediae/flashmediaelement.swf" type="application/x-shockwave-flash"><param name="allowscriptaccess" value="never" />
       <param name="movie" value="/mediae/flashmediaelement.swf" />
       <param name="flashvars" value="controls=true&file=rtmp혹은 http주소.mp4" />
</object>
</video>


<script>
$('audio,video').mediaelementplayer({
 success: function(player, node) {
  $('#' + node.id + '-mode').html('mode: ' + player.pluginType);
 }
});

</script>


class="mejs-ted" 요건 스킨명

wmp스킨은 mejs-wmp 이다.

위 스큰부분은 굳이 주지 않아도 된다.

preload="auto"  이부분을 none라고 주니 모바일 오페라에서 재생을 못해준다.

따라서 auto라고 주는게 맞다.