조회 수 69 추천 수 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
번호 제목 글쓴이 날짜 조회 수
29 중간에 버튼 행복아이 2014.09.24 18
28 자동실행 행복아이 2019.06.21 70
27 오디오 삽입 audiio-js 행복아이 2014.09.24 20
26 오디오 js 행복아이 2014.09.24 25
25 영상 테스트 행복아이 2015.10.12 52
» 실시간방송 HLS 모바일용 file 행복아이 2015.07.31 69
23 멀티미디어 컴포넌트로 삽입 행복아이 2014.09.24 21
22 XE에서 HTML5 애드온 작동시 행복아이 2014.09.24 28
21 videojs rtmp 행복아이 2014.09.12 122
20 videojs 4.8.8 flash 지원(non-html5) rtmp 행복아이 2014.09.22 50
19 videojs +jw fallback 행복아이 2014.09.12 123
18 videojs + flash mediaelement fallback 행복아이 2014.09.12 117
17 video-js 게시판입니다. 행복아이 2014.09.05 131
16 video js 자막 옵션 행복아이 2014.09.11 215
15 test3 vjs.zencdn.net 행복아이 2019.06.21 7
14 test2 MP4 재생 행복아이 2019.06.21 7
13 test1 - 깔끔 행복아이 2019.06.21 7
12 test 행복아이 2015.10.12 53
11 rtmp 실시간 PC 만 행복아이 2017.11.01 41
10 mp3 멀티미디어 행복아이 2014.09.25 45
Board Pagination Prev 1 2 Next
/ 2