hls.js如何做到用户点击时,才会加载

 现在的代码只能实现点击页面就自动加载视频,但是考虑到有多个视频,一起加载会出现卡顿的现象,并且自动加载对用户的体验也不好,有了解hls.js的朋友吗?
           
 var video = document.getElementById('video');
    if(Hls.isSupported()) {
  var hls = new Hls();
  hls.loadSource("http://1252093142.vod2.myqcloud.com/8100044199.m3u8");
   hls.attachMedia(video);
  hls.on(Hls.Events.MANIFEST_PARSED,function() {
  try {
    video.play();
  } catch (error) {
    console.log(error);
   }
 });
}
阅读 777
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题