PomoRde.NET

Официальный сайт

Плеер Uppod / Модули DataLife Engine

Как установить HTML5 и Flash Плеер Uppod.ru на DLE

28 август, 2014 17
Сейчас пошла не плохая тенденция размещать видео на свой сервер с использованием своего плеера. Я пользуюсь плееров uppod.ru. Я расскажу как правильно пользоваться этим плеером на движке DLE.

Прежде всего хочу сказать что я покажу как устанавливать плеер Uppod не только Флешь но и HTML5. Да не по отдельности а все сразу. Что бы было понятно, если на ваш сайт зайдет человек с андроида или iOS, то ему будет показан HTML5 Плеер. Если человек зайдет со стационарного ПК он получит Флеш плеер. А если у него нет Флеш плеера на его ПК, то ему предложит ссылку для установки этого самого плеера.

Сразу скажу что вся эта информация взята с официального сайта плеера и немного переделанная для нормально понимания. У них на сайте многое приходится самим додумывать и узнавать тонкости работы плеера.

1. Заходим на сайт плеера. Логинемся. Заходим в раздел скачать плеер. Кому лень искать вот ссылка http://uppod.ru/player/download

Как установить HTML5 и Flash Плеер Uppod.ru на DLE


Качаем разумеется плеер и Flash и HTML5.

Заходим в раздел настройки. Вот ссылка http://uppod.ru/player/myway

Сделайте примерно как на картинке:

Как установить HTML5 и Flash Плеер Uppod.ru на DLE


Потом качаем ваш стиль. Точно так же для обоих плееров.

Как установить HTML5 и Flash Плеер Uppod.ru на DLE


В итоге вы должны скачать 4 файла:
1. Flash плеер
2. HTML5 Плеер
3. Стиль для Flash плеера
4. Стиль для HTML5 плеера

Назовем их так:
uppod.swf
uppod.js
video.txt
video.js

Загружаем все что мы скачали на сервер. В корневую папку. Если хотите в отдельную папку, ваше право. Но опять такие имейте в виду, нужно указать путь свой. Я буду писать для корневой папки.

2. Заходим в админку вашего сайта. Переходим в раздел Дополнительные поля.

Создаем дополнительное поле:

Как установить HTML5 и Flash Плеер Uppod.ru на DLE


На примере я указал данные которые будут фигурировать дальше. Если вы назовете поле другим именем, имейте в виду что нужно будет дальше его везде вставлять!

3. Дальше открываем файл шаблона main.tpl

Между тегами
<head>...</head>

Вставляем такой вот код.

<script src="http:// ВАШСАЙТ.РФ/uppod.js" type="text/javascript"></script> 
<script src="http://ВАШСАЙТ.РФ/video.js" type="text/javascript"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>


4. Потом открываем файл fullstory.tpl.

В месте где вы хотите что бы был плеер вставляем код следующий код (обычно это под тегом {full-story}):

 [xfgiven_files]
<div id="videoplayer14410" style="width:750px;height:390px;">
<script type="text/javascript">
var ua = navigator.userAgent.toLowerCase();
var flashInstalled = false;
if (typeof(navigator.plugins)!="undefined" && typeof(navigator.plugins["Shockwave Flash"])=="object") {
flashInstalled = true;
} else if (typeof window.ActiveXObject != "undefined") {
try {
if (new ActiveXObject("ShockwaveFlash.ShockwaveFlash")) {
flashInstalled = true;
}
} catch(e) {};
};
if(ua.indexOf("iphone") != -1 || ua.indexOf("ipad") != -1 || (ua.indexOf("android") != -1 && !flashInstalled)){
// HTML5

this.videoplayer14410 = new Uppod({m:"video",uid:"videoplayer14410",comment:"{title}",file:"http://ВАШ_САЙТ_ГДЕ_ДЕЖИТ_ВИДЕО.RU/files/[xfvalue_files].mp4",st:"uppodvideo"});

}else{
if(!flashInstalled){
// NO FLASH
document.getElementById("videoplayer14410").innerHTML="<a href=http://www.adobe.com/go/getflashplayer>Требуется установить Flash-плеер</a>";
}else{
// FLASH
var flashvars = {"comment":"{title}","st":"http://ВАШСАЙТ.РФ /video.txt","file":"http://ВАШ_САЙТ_ГДЕ_ДЕЖИТ_ВИДЕО.RU/files/[xfvalue_files].mp4"};var params = {wmode:"transparent", allowFullScreen:"true", allowScriptAccess:"always",id:"videoplayer14410"}; new swfobject.embedSWF("http://ВАШСАЙТ.РФ/uppod.swf", "videoplayer14410", "750", "390", "9.0.115.0", false, flashvars, params);
}
}
</script>
</div>[/xfgiven_files]



В общем код примерно такой. Что тут нужно поменять?
1. Вставить в путь к стилям и плееру адрес вашего сайта.
2. Поменять домен на котором будут лежать файлы.

5. Теперь мы можем добавлять новости на сайт. И в дополнительное поле добавлять имя файла.

В общем вот и вся инструкция. Надеюсь все понятно. Если будут вопросы, всегда можете написать комментарий и я отвечу на все ваши вопросы.

Дополнительно нужно знать!
Видео нужно конвертировать в MP4, а именно "MPEG-4 (H.264)" и проблем не будет.
Прокомментировать
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
Введите код с картинки:*
Кликните на изображение чтобы обновить код, если он неразборчив
malik`
8 мая 2015 13:02
на телефонах не показывает, на компе всё ок, спс. Как сделать, чтобы на андроид показывал?
Лев Николаев
12 мая 2015 11:56
Работает, спасибо большое, но как плейлист поставить? Подскажите пожалуйста..
Сергей
Сергей
15 мая 2015 15:54
Спасибо огромное, а то на сайте uppod очень разрозненная информация. Всё и везде работает,только кроме мобильной версии оперы на iPhone, там не отображает.
exx45
7 июня 2015 09:20
Спасибо, работает
Валентин
23 августа 2015 20:23
Скажите через комп все отлично работает, но вот когда заходишь с IOS или Android на месте плеера пустое место, то есть с телефонов не посмотреть фильм, скажите как сделать так, что бы плеер начал работать и на телефонах?
Вадим
28 ноября 2015 00:30
Спасибо. Отлично встало, идет и на компе и на смартфоне. Давно искал.
Сергей
4 декабря 2015 13:24
А вы не покажете пример плейлистов на аппод ???
PomoRde
4 апреля 2016 19:57
Цитата: Сергей
А вы не покажете пример плейлистов на аппод ???

для какой цели?
123
123
26 апреля 2016 15:41
Понимаю вопрос глупый, но можете подсказать как в простом блокноте разместить муз.плеер,не имея сайта(я его только пытаюсь создать(курсач делаю)).Ну или где найти нужную литературу.
hatab12
29 июля 2016 08:47
123,
плейлист m3u
Влад
Влад
4 октября 2016 03:00
В пятом пункте, что за имя файла добавлять? Если я беру фильмы с вк просто код в дополнительное поле добавить?
PomoRde
10 октября 2016 08:58
Влад, имя плейлиста. в панели уппод вы создаете плейлист и вот его название в дополнительное поле и добавлять.
Роман
6 ноября 2016 10:17
Ничего не работает.
Владимир
23 ноября 2016 21:27
Плеер хороший но на телефоне видео не показывает, на компьютере показывает. Как сделать, чтобы на телефонах отображалось и воспроизводилось? подскажите пожалуйста
PomoRde
1 декабря 2016 06:33
Владимир,
Посмотреть бы пример...
Gutaref
17 мая 2017 17:48
А почему не проигрывает Youtube ??
PomoRde
25 мая 2017 16:37
Цитата: Gutaref
А почему не проигрывает Youtube ??


Ютуб на Флеш прееле не работает, потому что именно ютуб перестал поддерживать флеш плеер. для ютуба нужно html5 плеер использовать