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