Установка mediaelement.js — что же делать?

#mediaelement.js

#mediaelement.js

Вопрос:

Я хочу использовать mediaelement.js на веб-сайте, который я разработал с нуля, используя php, html и т.д. Я изо всех сил пытаюсь понять, как установить mediaelement.js .

Инструкции по https://github.com/mediaelement/mediaelement/blob/master/docs/installation.md заключаются в следующем:

1. Установите MediaElementJS

Чтобы получить установку по умолчанию, существует несколько разных способов.

 - Download the package from https://github.com/mediaelement/mediaelement
- Use a CDN reference; the most popular ones are jsDelivr and cdnjs.
- Through GIT: git clone https://github.com/mediaelement/mediaelement.git
- Through npm: npm install mediaelement
- Through BOWER: bower install mediaelement
- If you are using Meteor: meteor add johndyer:mediaelement or meteor npm install mediaelement
 

Итак, кроме первой инструкции, я понятия не имею, о чем они говорят. Могу ли я, пожалуйста, получить объяснение о том, как установить mediaelement.js и лучший вариант для тех, кто создал свой сайт с нуля?

Заранее большое спасибо.

Ответ №1:

Просто обновление по этой теме. Я изучил это подробнее и выяснил, что это те файлы, которые мне нужны (которые можно найти в папке сборки, как только вы загрузили пакет и разархивировали его):

 mediaelement-and-player.min.js
mediaelementplayer.css
mejs-controls.svg
jquery.js (I used my existing jquery file)
 

Затем загрузите эти файлы в свой каталог js:

 jquery.js
mediaelement-and-player.min.js
 

Загрузите эти файлы в свой каталог css:

 mediaelementplayer.css
mejs-controls.svg
 

Ссылка на файлы на вашей индексной странице (разместите их над ссылкой на ваш пользовательский css)

 <script src="js/jquery.js"></script>
<script src="js/mediaelement-and-player.min.js"></script>
<link href="css/mediaelementplayer.css">
 

И последнее, но не менее важное: добавьте class="mejs__player" в свой видео / аудио тег (удалите «элементы управления» из тега, если вы его используете)

Ответ №2:

Перейдите к http://www.mediaelementjs.com / и выберите «Загрузить проигрыватель». Разверните загруженный zip-файл и посмотрите на содержимое src.