播放M3U8的js代码

Posted 2021-03-25 ComputerVip

<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<!-- Or if you want a more recent canary version -->
<!-- <script src="https://cdn.jsdelivr.net/npm/hls.js@canary"></script> -->
<video id="video"></video>
<script>
  var video = document.getElementById(‘video‘);
  if(Hls.isSupported()) {
    var hls = new Hls();
    hls.loadSource(‘https://路径/index.m3u8‘);
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function() {
      video.play();
  });
 } else if (video.canPlayType(‘application/vnd.apple.mpegurl‘)) {
    video.src = ‘https://路径/index.m3u8‘;
    video.addEventListener(‘loadedmetadata‘,function() {
      video.play();
    });
  }
</script>

ckplayer播放器播放M3U8视频

 

<div id="a1"></div>
<script type="text/javascript" src="/ckplayer/ckplayer.js" charset="utf-8"></script>
<script type="text/javascript">
    var flashvars={
        f:‘m3u8.swf‘,
        a:‘http://ztest.qiniudn.com/sintel.m3u8‘,
        s:4,
        c:0
};
    var params={bgcolor:‘#FFF‘,allowFullScreen:true,allowScriptAccess:‘always‘,wmode:‘transparent‘};
    var video=[‘http://ztest.qiniudn.com/sintel.m3u8‘];
    CKobject.embed(‘/ckplayer/ckplayer.swf‘,‘a1‘,‘ckplayer_a1‘,‘100%‘,‘100%‘,false,flashvars,video,params);
</script>