html 播放 m3u8 视频文件 - 我的技术博客

来源：https://stackoverflow.com/questions/19782389/playing-m3u8-files-with-html-video-tag

<html>
<head>
<meta name='viewport' content='width=device-width'>
<meta charset="UTF-8">
<link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.14.1/videojs-contrib-hls.js"></script>
<script src="https://vjs.zencdn.net/7.2.3/video.js"></script>
</head>
<body>
    <video id='hls-example'  class="video-js vjs-default-skin" width="400" height="300" controls>
        <source type="application/x-mpegURL" src="Friends.S01E01.mkv-ts/index.m3u8">
        <track src='Friends.S01E01.mkv.mp4-zh.vtt' kind='subtitles' label='中文字幕' srclang='zh' default>
    </video>
<script>
    var player = videojs('hls-example');
    player.play();
</script>
</body>
</html>