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

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
<video id=example-video width=600 height=300 class="video-js vjs-default-skin" controls>
<source src="http://one2.kr:8080/hls/TEST(스트림키).m3u8" type="application/vnd.apple.mpegurl" />
</video>
<script src="/videojs/video.js"></script>
<script src="/videojs/videojs-media-sources.js"></script>
<script src="/videojs/videojs.hls.min.js"></script>
<script>
var player = videojs('example-video');
player.play();
</script>

 

와 같이 사용.

 

 

혹은 스타일시트 사용해서

 

 

<script src="/videojs/video.js"></script>
<script src="/videojs/videojs-media-sources.js"></script>
<script src="/videojs/videojs.hls.min.js"></script>

<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" data-setup='{}'>
<source src="http://one2.kr:8080/hls/TEST(스트림키).m3u8" type="application/vnd.apple.mpegurl" />
</video>
<link href="/videojs/video-js.css" rel="stylesheet">

 

모바일에서 재생됨.

videojs.7z


List of Articles
번호 제목 글쓴이 날짜 조회 수
18 rtmp 실시간 행복아이 2017.11.01 12
17 test 행복아이 2015.10.12 19
16 영상 테스트 행복아이 2015.10.12 20
» 실시간방송 HLS 모바일용 file 행복아이 2015.07.31 29
14 mp3 멀티미디어 행복아이 2014.09.25 14
13 오디오 js 행복아이 2014.09.24 9
12 오디오 삽입 audiio-js 행복아이 2014.09.24 4
11 멀티미디어 컴포넌트로 삽입 행복아이 2014.09.24 4
10 XE에서 HTML5 애드온 작동시 행복아이 2014.09.24 12
9 중간에 버튼 행복아이 2014.09.24 4
8 videojs 4.8.8 flash 지원(non-html5) rtmp 행복아이 2014.09.22 12
7 videojs + flash mediaelement fallback 행복아이 2014.09.12 104
6 videojs rtmp 행복아이 2014.09.12 105
5 videojs +jw fallback 행복아이 2014.09.12 110
4 HTML5 fullback flash (videojs + Flowplayer) 행복아이 2014.09.12 115
3 video js 자막 옵션 행복아이 2014.09.11 91
2 http streaming 코드 행복아이 2014.09.11 110
1 video-js 게시판입니다. 행복아이 2014.09.05 111
Board Pagination Prev 1 Next
/ 1