Нужна пошаговая инструкция по добавлению плагина VideoJs VAST

Question

Я пытаюсь понять, как добавить плагин для предварительной рекламы или VAST-рекламы в мой проигрыватель VideoJS, но не знаю как. Я знаю, что на мой сервер должны быть загружены файлы, но я не могу их найти, и документация к плагину ниже очень расплывчатая. Кроме того, нужно ли размещать код скрипта в заголовке моего сайта?

Я был бы очень признателен, если бы кто-то мог показать пошаговые инструкции о том, как добавить этот плагин в мой проигрыватель VideoJs, а также какие файлы необходимо добавить на мой сервер: http://theonion.github.io/videojs-vast-plugin/

Благодарю вас

Answer 1

Как уже упоминалось, файлы, которые необходимо добавить:

<script src="vast-client.js"></script>
<script src="video.ads.js"></script>
<script src="videojs.vast.js"></script>

который должен быть помещен в ваш заголовок (мне нравится помещать их в него после кода cdn video.js - http://vjs.zencdn.net/4.7.1/video.js"- потому что я хочу, чтобы это загружалось первый)

vast-client.js находится в каталоге lib, video.ads.js находится в lib / videojs-contrib-ads /, и videojs.vast.js находится в корневом каталоге этого хранилища

Вы можете скачать их и самостоятельно разместить их в одном каталоге, если вы того пожелаете. Просто убедитесь, что вы указываете на них, когда находитесь в этой папке, когда вызываете сценарии из index.html.

надеюсь это поможет!

Answer 2

Там Github репо довольно ясно об этом. Я все равно проведу тебя через это.

Вам необходимо добавить поддерживающие файлы Javascript и CSS.

<link href="videojs.vast.css" rel="stylesheet" type="text/css">   
<script src="vast-client.js"></script>
<script src="video.ads.js"></script>
<script src="videojs.vast.js"></script>

Затем в конфигурации вашего плеера вы должны указать плагину, где находится ваш VAST-файл:

plugins: {
    ads: {},
    vast: {
        url: 'http://url.to.your/vast/file.xml'
    }
}

У них также есть хороший пример на github: https://github.com/theonion/videojs-vast-plugin/blob/master/example.html