[3.1][3.2] Видео (аудио) плеер

[KEMnEP]

1smerch1, пример работы https://kemnep.ru/test/ https://github.com/mediaelement/mediael ... ocs/api.md инструкция по управлению

[1smerch1]

пример работы

спасибо, изучим!

Отправлено спустя 41 секунду:

пример работы

кстати, у меня bb код точно также воспроизводит видео в такой оболочке плеера...

[LBeaver]

Себе делал на базе Video.js. Всех дел — пару строк добавить и BB-код создать. Выглядит примерно так:

[1smerch1]

Себе делал на базе Video.js.

А подробное описание не подскажешь?

[LBeaver]

Подскажу, но есть два момента.

1. Это делалось под конкретную задачу: воспроизведение на форуме заранее подготовленных и загруженных на хостинг видеофайлов.
2. Чтобы не ковырять каждый раз код форума создано своё расширение, через которое делаются все собственный модификации. Помимо видео там много всего, поэтому не выкладываю.

Сама установка элементарна: http://videojs.com/getting-started/

Если рассматривать в контексте своего расширения для phpBB, то:
styles/all/template/event/overall_header_head_append.html

Код: Выделить всё

{% if S_VIEWTOPIC or S_POST_ACTION or S_DISPLAY_SEARCH %}
{% INCLUDECSS '@my_ext/video-js.min.css' %}
{% endif %}

styles/all/template/event/overall_footer_after.html

Код: Выделить всё

{% if S_VIEWTOPIC or S_POST_ACTION or S_DISPLAY_SEARCH %}
{% INCLUDEJS '@my_ext/js/videojs-ie8.min.js' %}
{% INCLUDEJS '@my_ext/js/video.min.js' %}
{% INCLUDEJS '@my_ext/js/ru.js' %}
{% endif %}

Из дистрибутива Video.js в папку styles/all/template/js кидаем videojs-ie8.min.js, video.min.js и ru.js. В папку styles/all/theme: файл video-js.min.css и папку font. Добавляем примерно такой BB-код [video={IDENTIFIER1}]{IDENTIFIER2}[/video]:

Код: Выделить всё

<video class="video-js" controls preload="none" width="640" height="360"
	poster="//example.com/download/posters/{IDENTIFIER2}.jpeg"
	data-setup='{{ "autoplay": false, "language": "ru", "playbackRates": [0.25, 0.5, 1, 1.5, 2, 3] }}'>
	<source src="//example.com/download/video/{IDENTIFIER2}.{IDENTIFIER1}" type="video/{IDENTIFIER1}" />
	<p class="vjs-no-js">Для просмотра этого видео, пожалуйста, включите JavaScript и убедитесь, что ваш браузер поддерживает HTML5-видео.</p>
</video>

[1smerch1]

Подскажу, но есть два момента.

Спасибо!

[Sumanai]

Sumanai, абсолютно прямые ссылки! Закачка файла идёт напрямую без дополнительных окон

Это не аргумент. Сайт не проксирует через себя трафик, а выдирает текущую ссылку, вида

Код: Выделить всё

https://s75e.storage.yandex.net/rdisk/549e323d6beaf7d94a6b714d0fe205d718037194cf6324005ae987f667dcce7e/5a78e369/Ctnj5GUOdz2xTa1-8CaSCxj9j6C4FsxnAKLtaK-dARj70wb8D2MxraOtpnazLRd_4YvFxnILfsVLGbjnLY4xyQ==?uid=0&filename=%D0%A1.%D0%A5%D0%B0%D1%80%D0%B8%D1%82%D0%BE%D0%BD%D0%BE%D0%B2%20%28%D0%A0%D0%BE%D1%81%D1%81%D0%B8%D1%8F%29%20-%20%D0%A5.%D0%90%D0%B9%D1%8F%D0%BB%D0%B0%20%28%D0%A1%D0%A8%D0%90%29.BELLATOR%20163.mp4&disposition=attachment&hash=mItmUnTjWNvqQe31V8vuS60/%2BH5kPXUR0EahJbm2LEA%3D%3A&limit=0&content_type=video%2Fmp4&fsize=355243177&hid=6e1b65509b56f6410e5cd3c47bd296ae&media_type=video&tknv=v2&rtoken=XGQtNH44Igoa&force_default=no&ycrid=na-67b03dfbfa69086fa47b83efb86c390d-downloader2f&ts=5647f1c00ec40&s=577b6a04f57a1add46a2f13e1eeab237b27d1ba9ed505051e88061d81bb65a3e&pb=U2FsdGVkX19FqYVTR5lqfBLo9OfAguf8YhEiXKkoqTiRoPn3_0ojfMqIejkxFnwPxSF5RKozSwTSrupnS49Z5fyFqcM4DS0yGO_Sc04zvyI=

Вот это- прямая ссылка. Но она может меняться от времени суток и фазы луны.

[TrekRed]

При установке данного плеера можно как-то реализовать просмотр рекламы в видео от AdSense или есть другие решения, то какие? На сайте AdSense указано так:

Сначала вставьте приведенный ниже образец тега объявления VAST и VPAID 2 JS в консоль объявлений вашего проигрывателя и создайте пример страницы, на которой видеообъявления будут показываться с помощью этого тега. На странице необходимо не только настроить показ рекламы, но и реализовать весь шаблон сайта (навигация, контент, верхний и нижний колонтитулы). Если у вас возникнут проблемы с внедрением, свяжитесь со службой поддержки используемого решения.

Собственно, сам тег примерно такой:

Код: Выделить всё

http://ima3vpaid.appspot.com/?adTagUrl=http%3A2F%2Fgoogleads.g.doubleclick.net%2Fpagead%2Fads%3Fad_type%3Dvideo%26client%3Dca-video-pub-496643279%26videoad_start_delay%3D0%26description_url%3Dhttp%253A%252F%252Fwww.youtube.com%26hl%3Den%26max_adduration%3D4000%26adtest%3Don&type=js

Как его реализовать в видео для заработка от рекламы?

[o5Tolik]

Блин и как я раньше тему не заметил