如何包含一个框架？

Question

我正在尝试使用 VideoJS，但我不明白我必须包含的文件。这对 VideoJS 不合适，因为我在其他框架中遇到过这个问题：在 zip 中，有不同的文件夹，如 "dist"、"lib" 等

由于两个文件夹中都有 videojs-background.js（似乎是唯一包含的 JavaScript 文件），我必须包含哪一个？我还需要其他东西吗？

谢谢

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

Answer 1

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

If you simply copy the dist folder or zip file contents into your project everything should Just Work™

Answer 2

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

关于您关于不同文件夹的问题：大多数时候，下载包括库的源代码（通常在 src、lib 等目录中），以及一些捆绑的- 压缩代码（通常在 dist、bundle 等目录中，文件结尾为 .min.js）

Answer 3

我平时做的就是用a CDN, although this can have it's advantages and disadvantages。由于我在这方面不是很有经验，我建议您查看链接的文章或自己搜索优缺点，但我从来没有遇到过任何问题。

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

<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>

如何包含一个框架？

How to include a framework?

javascript

video.js