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라고 주는게 맞다.