브라우저에서 m3u8 확장자를 가진 영상을 재생하기
본문
크롬 및 기타 브라우저에서 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 에서 작동하지 않는 문제가 있더군요.
