如何包含框架?

时间:2016-11-20 03:38:59

标签: javascript video.js

我正在尝试使用VideoJS,但我不理解我必须包含的文件。这对于VideoJS来说并不合适,因为我在其他框架中遇到了这个问题:在zip中,有不同的文件夹,如“dist”,“lib”等。

由于有videojs-background.js(似乎是唯一包含的JavaScript文件),在两个文件夹中,我必须包含哪一个? 我需要别的东西吗?

谢谢

@edit:谢谢你的回答。你能解释一下这些文件夹是什么吗?

3 个答案:

答案 0 :(得分:2)

来自http://docs.videojs.com/docs/guides/setup.html

  

如果您只是将dist文件夹或zip文件内容复制到项目中,一切都应该是Just Work™

答案 1 :(得分:2)

这取决于您尝试包含的库以及是否在应用中使用任何模块捆绑器。因此,您应该查阅库的README /文档。在您的video.js示例中,其主页上有一个Getting Started指南,其中介绍了包含代码的各种方法。

关于不同文件夹的问题:大部分时间,下载都包含库的源代码(通常在srclib等目录中),以及一些捆绑缩小的文件夹代码(通常位于distbundle和文件结尾为.min.js的目录中)

答案 2 :(得分:1)

我通常只使用a CDN,但这可以是advantages and disadvantages。由于我在这方面没有超级经验,我建议你看看链接的艺术品或者找自己的利弊,但我从来没有遇到任何问题。

例如,对于Video.js,您可以在使用此库的文档的<head>中为css添加以下内容:

<link href="http://vjs.zencdn.net/5.8.8/video-js.css" rel="stylesheet">

对于JavaScript,请在​​文档的<body>中添加以下内容:

<script src="http://vjs.zencdn.net/5.8.8/video.js"></script>

以下是the docs的完整示例:

<head>
  <link href="http://vjs.zencdn.net/5.8.8/video-js.css" rel="stylesheet">

  <!-- If you'd like to support IE8 -->
  <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
</head>

<body>
  <video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
  poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
    <source src="MY_VIDEO.mp4" type='video/mp4'>
    <source src="MY_VIDEO.webm" type='video/webm'>
    <p class="vjs-no-js">
      To view this video please enable JavaScript, and consider upgrading to a web browser that
      <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
    </p>
  </video>

  <script src="http://vjs.zencdn.net/5.8.8/video.js"></script>
</body>