이전 목록 다음
채택완료

브라우저에서 m3u8 확장자를 가진 영상을 재생하기

2018-03-08 (목) 21:46:49 8,205

크롬 및 기타 브라우저에서 m3u8 확장자를 가진 영상을 재생하는 작업을 하고 있습니다.

http://happyjung.com/test_m3u8.php  에서 테스트중입니다.

관련내용은  http://aljjabaegi.tistory.com/240  에서 관련 파일을 다운 받아 사용했습니다.

<script src="/js/video.min.js"></script>
<script src="/js/videojs-contrib-hls.js"></script>
<script src="/js/videojs-contrib-hls.min.js"></script>
<script>
    var player = videojs('hlsPlayEx');
    player.play();
</script>

<video id="example_video_1" class="video-js vjs-default-skin" controls autoplay width="640" height="360" data-setup="{}">
    <source src="https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8" type="application/x-mpegURL">
</video>

m3u8 영상파일은 정상적으로 보여지는데,  그것의 제어가 매끄럽지가 않네요.

이것의 옵션을 제어하는 방법, 하단에 불필요한 제어버튼이 보여요

다른 js 도 사용해봤는데,  iPhone 또는  IE 11 에서 작동하지 않는 문제가 있더군요.

|

답변 1개 / 댓글 2개

채택된 답변
+20 포인트

답변에 대한 댓글 2개

감사합니다. 제가 참고한 js 가 오래된 것이라 작동에 부족함이 있었나봅니다. ^^
아... IE 11 에서 작동하지 않네요. ㅠㅠ

답변을 작성하려면 로그인이 필요합니다.