조회 수 209 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

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

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


List of Articles
번호 제목 글쓴이 날짜 조회 수
7 NginX RTMP HLS 스트리밍 트랜스 행복아이 2014.10.16 23
6 HTML5 & FLASH RTMP로 행복아이 2014.09.18 18
5 mkv파일 스트리밍 행복아이 2014.09.17 22
4 테스트 결과 제일 만족. 행복아이 2014.09.14 191
3 test 행복아이 2014.09.12 217
2 HTML5 Flash Fallback (Ie8이하, RTMP) 코드 행복아이 2014.09.12 223
» HTML5 + Fallback Flash(IE8이하) 행복아이 2014.09.12 209
Board Pagination Prev 1 Next
/ 1