1. 首页
  2. SEO百科
  3. Web前端

indigo-player使用教程_高度扩展,现代的javascript视频播放器

indigo-player使用教程

官方网址:https://matvp91.github.io/indigo-player/#/

indigo-player使用教程_高度扩展,现代的javascript视频播放器

GitHub:https://github.com/matvp91/indigo-player

简介描述:高度扩展,现代的javascript视频播放器

indigo-player是一款高度扩展,现代的javascript视频播放器。支持MPEG-Dash / HLS / MPEG-4,并构建在HTML5视频元素之上。视频播放器具有开箱即用的功能,如字幕、缩略图、质量选择等。高度可扩展、现代化,并为大多数流行的视频格式和编解码器提供支持。  

indigo-player例子

下面的示例将加载一个简单的MP4文件,并尝试自动播放它。 

< html >
  < body >
    < div  id = “ playerContainer ” > </ div >
    < script  src = “ https://cdn.jsdelivr.net/npm/indigo-player@1/lib/indigo-player.js ” > </ script >
    < script >
      const  config  = { 
        sources : [ 
          { 
            type : ' mp4 ',
            src : ' https : //commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4 ',
          } 
        ],
      };

      const  element  =  document。getElementById(' playerContainer '); 
const player = IndigoPlayer。init(element,config);         

      //您现在可以使用播放器对象来访问播放器及其方法(播放,暂停,...)
     </script>
  </ body >
</ html >

 

海计划公众号