用requirejs来加载video.js插件的方法亲测 原创

文章标签: 使用实例 RequireJS实例
  • :
  • 04-16 21:18
  • :
  • 54次
  • :
  • 0条
  • 1赞

简介本文主要介绍用requirejs来加载video.js插件的详细方法步骤和在线实例演示。l

requirejs插件是一款用来优化网页js文件加载的插件,有需要了解的朋友,可以关注本站的requirejs插件专题:RequireJS插件


本文站长和大家分享在我们的网页里,如何用requirejs插件来加载video.js插件,下面是站长准备的一个在线实例演示:

requirejs加载video.js在线演示


下面站长来具体说下如何在我们的网页里用requirejs插件来加载video.js插件:


第一步:在我们的网页里引入requirejs插件的源文件:

<script language="JavaScript" src="//cdn.bootcss.com/require.js/2.3.5/require.min.js"></script>


第二步:配置require.config:

require.config({	
    paths: {		
        "jquery": "//apps.bdimg.com/libs/jquery/1.9.1/jquery.min",		
        "css": "//cdn.bootcss.com/require-css/0.1.10/css.min",		
        "videojs":"//cdn.bootcss.com/video.js/7.0.0-alpha.1/video.min"	
    },	
    shim: {		
        "videojs": {			
        deps: ['css!//cdn.bootcss.com/video.js/7.0.0-alpha.1/alt/video-js-cdn.min']		
    }	
}});


第三步:require我们要使用的video.js插件:

require(["jquery","videojs"], function($,videojs) {	
    videojs("my-video").ready(function(){		
        var myPlayer = this;		
        myPlayer.play();	
    });
});


好了,到这里就结束了,没有什么难点,希望这篇文章能帮助到所有看到这篇文章的朋友们!

本文首发:爱jquery www.aijquery.cn



您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-11-05 15:42:07