首页>>音乐/视频>>可扩展的H5 Web播放器(2019-04-11)

可扩展的H5 Web播放器

 支持移动端和PC端

可扩展的H5 Web播放器
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="row main">  
  2.        <div class="col-md-12">  
  3.            <div class="container" style="width: 96%; margin: 30px auto">  
  4.                <div id="player"></div>  
  5.   
  6.            </div>  
  7.        </div>  
  8.    </div>  

 

JavaScript Code
  1. <script>  
  2. // var player = new Clappr.Player({  
  3. //     source: "http://clappr.io/highline.mp4",   
  4. //     parentId: "#player"  
  5. // });  
  6.   
  7. var playerElement = document.getElementById("player");  
  8.   
  9. var player = new Clappr.Player({  
  10.   source: 'http://clappr.io/highline.mp4',  
  11.   poster: 'http://clappr.io/poster.png',  
  12.   //mute: true,  
  13.   height: 360,  
  14.   width: '100%',  
  15.   autoPlay: true,  
  16.   //loop: true,  
  17.   //audioOnly: true,  
  18.   watermark: "http://www.freejs.net/images/logo.png",   
  19.   position: 'top-right',  
  20.   watermarkLink: "http://www.freejs.net/"  
  21. });  
  22.   
  23. player.attachTo(playerElement);  
  24. </script>  

 


原文地址:http://www.freejs.net/article_yingyueshipin_693.html