2016-11-20 4 views
0

Я пытаюсь использовать VideoJS, но я не понимаю файлы, которые я должен включить. Это не относится к VideoJS, потому что у меня была эта проблема с другими фреймворками: внутри zip есть разные папки типа «dist», «lib» и т. Д.Как включить фреймворк?

Поскольку есть видеоjs-background.js (кажется, в качестве единственного файла javascript), в обеих папках, в которые я должен включить? Нужно ли мне что-то еще?

Спасибо

@edit: Спасибо за ваш ответ. Не могли бы вы объяснить, что такое эти папки?

+0

если используется 'dist', то что там. Или используйте источник cdn – charlietfl

ответ

2

Это зависит от того, какую библиотеку вы пытаетесь включить и будет ли вам используйте любой модуль в своем приложении. Поэтому вам следует обратиться к README/документации библиотеки. В вашем примере video.js на главной странице есть руководство Getting Started, в котором объясняются различные способы включения кода.

Что касается Вашего вопроса о различных папках: большую часть времени, скачивает включают как исходный код библиотеки (часто в каталогах, как src, lib), а также некоторые в комплекте-уменьшенная код (часто в каталогах как dist , bundle и с файлом, заканчивающимся .min.js)

2

От http://docs.videojs.com/docs/guides/setup.html

Если вы просто скопировать DIST папку или почтовый содержимое файла в проект все должно работать ™

+0

Хорошо не читает документацию полностью просто сделать это слишком просто, чтобы выяснить – charlietfl

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> 
Смежные вопросы