我的第一个Html+hls 实例

我的第一个Html+hls 实例

也是查询了很多资料后做的总结
使用 html中的 Video标签+ video js实现的

代码片

<html>
<head>
 <link href="https://vjs.zencdn.net/7.5.4/video-js.css" rel="stylesheet">
<script src='https://vjs.zencdn.net/7.5.4/video.js'></script>
<script src="videojs-contrib-hls.js"></script>
</head>
<body>
  <video-js id=vid1 width=600 height=300 class="vjs-default-skin" controls>
    <source
       src="http://kbs-dokdo.gscdn.com/dokdo_300/_definst_/dokdo_300.stream/playlist.m3u8"
       type="application/x-mpegURL">
  </video-js>

  <script>
  var player = videojs('vid1');
  player.play();
  </script>
</body>
</html>

总结

试了很多次目前 不支持国内的浏览器(不知道什么原因)谷歌火狐都可以

你可能感兴趣的:(Html)