Заменить стандартный HTML 5 плеер на Plyr.io плеер?

[MrRobot 1]

Здравствуйте дорогие друзья, разработчики и пользователи!  

 

Официальный сайт разработчиков https://plyr.io и https://github.com/selz/plyr

 

Нужно заменить стандартный html 5 плеер в DLE 11.1 на https://plyr.io плеер. При стандартной интеграции / установке плеера Plyr  происходят ошибки:

и за html тега <video> налаживается стандартный плеер от DLE 11.1 поверх Plyr, нужно как-то решить проблему, само лучшее отключить стандартный плеер и встроить все в шаблон.

 

Удобно было бы, если в дальнейших версия релиза движка появилась в настройках сайта / админки, возможность отключать стандартный плеер, что бы можно было интегрировать html 5 плеера от разных разработчиков которые работают с тегом <video>.
 

[germanydletest 457]

Цитата

Правила форума

Внимание !!!

На данном форуме существуют достаточно жесткие правила, поэтому прежде чем создавать свою тему убедитесь, что вы внимательно их прочитали и поняли.

 

1. Если ваша тема начинается с вопроса и вам нужна какая либо помощь, то в самой теме в обязательном порядке вы должны указывать ссылку на ваш сайт. Если ваш сайт находится в локальной сети и вы не можете предоставить ссылку, или вы не хотите публиковать открытой ссылки на ваш сайт, то отправляйте персональное сообщение с вопросом в службу поддержки непосредственно с сайта http://dle-news.ru/, вам ответят на ваш вопрос в персональном порядке, в случае если пользуетесь платной версией скрипта и обладаете лицензией на скрипт. Если вы пользуетесь демоверсией, то вам необходимо разместить сайт в сети интернет, и только потом обращаться за помощью. По находящимся на локальных компьютерах демоверсиям никакой помощи и поддержки на форуме не оказывается. Если вы не указали сайт, то ваша тема будет закрыта, а аккаунт на форуме заблокирован.

 

2. На данном форуме строго запрещено предлагать или навязывать свои платные услуги. За любое сообщение типа "Помогу дешево, ICQ ..." участник блокируется на форуме без предупреждения.

 

3. Обязательно прочитайте разъясняющую тему http://forum.dle-news.ru/announcement/1-определение-понятия-нелегальной-копии-скрипта-и-понятия-nulled/

 

[MrRobot 1]

У меня есть лицензия и да Я отправил это же сообщения в тех поддержку. И конечно я тестирую все на локально машине xammp. Для платного движка ожидаю больше гибкосте настроик как от бесплатной алтернативы CMS: WordPress, в настройках и интеграции HTML 5 плеера, и не навязования всей масе пользователей стандартные решения от Uppod, Kernel и JW  плееров.

 

И нужно уметь различать важные темы вопросы, проблематики, баги от спама тем, которые помогут помочь в развитие движко и улучшение работаспособности и администрирования движка. Я как новый пользователь лицензии DLE и старый пользователь Wordpress, заметил пару проблематик и захотел поделится с сообщиством пользователей и разработчиков DLE CMS, в целях улучшения движка, а также в поиске помощи. 

Изменено 2 октября 2016 пользователем MrRobot

[MrRobot 1]

1 час назад, germanydletest сказал:

 

Я как новичок мала знаю о всех правилах, и пытаюсь во всем разобраться и освоится на форуме. И мне в первую очередь нужну решить проблему технического характера. Посмотрев сообщения / посты germanydletest, у него 80% троллинга и воды в сообщениях…. Из за таких людей пропадает настроения пользоваться форумам … получаешь от таких пользователей/спамеров только негативные сообщения и тролинг...    

Изменено 2 октября 2016 пользователем MrRobot

[germanydletest 457]

13 минуты назад, MrRobot сказал:

Посмотрев сообщения / посты germanydletest, у него 80% троллинга и воды в сообщениях

80% моих сообщений не можете видеть, так как они в платном разделе форума, куда у Вас нет доступа - это во первых. Во вторых, если не хотите тролинга и воды, соблюдайте правила. Вот и всё.

[MrRobot 1]

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

[MrRobot 1]

Если понадобатся данные о лицензии ссылка страницы могу все педоставить в лично сообщении работникам и администрации dle-news.ru. У меня сайт тубе 18+ и наполнене новыми текстами, которые еще не проиндексировались. Да и небу я здесь 18+ сайтами спамить.

[odys 384]

5 часов назад, MrRobot сказал:

у него 80% троллинга и воды в сообщениях…. Из за таких людей пропадает настроения пользоваться форумам … получаешь от таких пользователей/спамеров только негативные сообщения и тролинг... 

Если честно, вода и троллинг, как ты выразился сейчас только от тебя, а germanydletest реально помогает и зачастую пишет не только пути решения проблемы, а даёт готовые решения и 80% этих ответов как раз они и есть.

3 часа назад, MrRobot сказал:

У меня сайт тубе 18+ и наполнене новыми текстами, которые еще не проиндексировались. Да и небу я здесь 18+ сайтами спамить.

в правилах чётко написано: « Если ваш сайт находится в локальной сети и вы не можете предоставить ссылку, или вы не хотите публиковать открытой ссылки на ваш сайт, то отправляйте персональное сообщение с вопросом в службу поддержки непосредственно с сайта http://dle-news.ru/ », для всего остального есть форум, а тут, как написано в правилах: « На данном форуме существуют достаточно жесткие правила, поэтому прежде чем создавать свою тему убедитесь, что вы внимательно их прочитали и поняли.»

Решение твой проблемы, хоть оно и очень простое, ни как не входит в компетенцию тех. поддержки, они не делают модификаций движка, оно ни как не связано с технической проблемой.

Так что давай ссылку и расскажем как решить твою «проблему».

[MrRobot 1]

Я попожду ответа саппорт,я им сегодня днем написал тикет. Поддежка с понедельника работает с 10 часов по МСК. Как найду метод интеграции плеера могу подилится здесь, если сама администрация не имет против. Мне лично не жалко делится информации, есть пару хороших html 5 плееров которые работают с новым тегом <video>, и это тема очень актуальна. 

[germanydletest 457]

Привет odys, тут спорить/что-то доказывать человеку бесполезно, мы с тобой для него всего лишь немецкие гастарбайтеры...

[odys 384]

В 02.10.2016 в 20:58, MrRobot сказал:

Мне лично не жалко делится информации, есть пару хороших html 5 плееров которые работают с новым тегом <video>, и это тема очень актуальна. 

Мне тоже не жалко, вот если бы ты сразу написал в тех. поддержку, чтобы тебя перевели в группу «клиенты», как сейчас, ни кто бы ни чего и не сказал.

Вникай. html5 плеер, это по сути простой тег <video> + некий набор стилей и js. В стандартном плеере dle все управляющие css и js находятся в папке engine/classes/html5player/  Я сам лично не проверял эту теорию, т.к. нет ни времени не желания, но на странице со стандартным плеером подключаются 2 дополнительных файла:

<script type="text/javascript" src="/engine/classes/min/index.php?charset=utf-8&amp;f=engine/classes/js/bbcodes.js,engine/classes/html5player/player.js&amp;19"></script>
<link media="screen" href="/engine/classes/html5player/player.css" type="text/css" rel="stylesheet" />

как видно, engine/classes/html5player/player.js и engine/classes/html5player/player.css это как раз и есть 2 тех файла, о которых я писал. На гидхабе этого плеера в папке demo всё те же 2 файла css и js

Даже переписывать в движке ни чего не нужно, замени содержимое и всё, а всё остальное: картинки, svg или что там ещё, уже мелочь...

В 02.10.2016 в 21:16, germanydletest сказал:

Привет odys, тут спорить/что-то доказывать человеку бесполезно, мы с тобой для него всего лишь немецкие гастарбайтеры...

привет. Ни чего, что он так считает, я давно уже научился фильтровать такую, необоснованную, «прыть»...

[odys 384]

и ещё, чуть не забыл, в стандартном плеере присваивается class dlevideoplayer и dleaudioplayer соответственно

[MrRobot 1]

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

 

Еще раз большое спасибо тех поддержки.

[MrRobot 1]

Мне в последние время пару пользователе спрашивали как деактивировать стандартный плеер в DataLife Engine, что бы интегрировать сторонний HTML 5 плеер.

 

...............................................................................................................................................................................................................................................................

 

Первое нужно деактивировать стандартный  HTML 5 плеер, что бы он не включался и активировался с HTML 5 тегом <VIDEO>, и не мешал встроить / устоновить строний плеер. Открываем файл engine/modules/main.php находим и удаляем эту строчку кода: 

 

if (strpos ( $tpl->result['content'], "<video" ) !== false OR strpos ( $tpl->result['content'], "<audio" ) !== false OR strpos ( $tpl->copy_template, "<video" ) !== false OR strpos ( $tpl->copy_template, "<audio" ) !== false) {

        $js_array[] = "engine/classes/html5player/mediaelement-and-player.min.js";
        $video_found = true;

} else $video_found = false;

При каждом новом апгрейде/обновление движка, нужно будет заново проходить процедуру отключения плеера. Было бы удобно если в новых версия движка добавили в настройки системы, функцию кнопу включить/отключить стандартный плеер.

...............................................................................................................................................................................................................................................................

 

Теперь можно подключать любой стороний HTML 5 Player с изпользование HTML тега <VIDEO>. Для этого я возьму плеер от https://plyr.io список новой и старых версии можно здесь скачать https://github.com/Selz/plyr/releases и следить за новыми обновлениями версии плеера. 

 

1.) Скачиваем актуальную версию плеера, в этом случие это версия 2.0.11: https://github.com/Selz/plyr/releases

2.) Распаковываем архив plyr-2.0.11.zip 7zip или на ваше усмотрения программой

3.) Создаем папку с именем html5 и туда из разархивированного архива plyr-2.0.11.zip перекидываем из папки plyr-2.0.11\dist в папку html5  файлы: plyr.css и plyr.js

4.) Заливаем в корень сайта папку html5 с файлами plyr.css и plyr.js

 

..................................................................................................................................................................................................................................................................

 

5.) Осталось последнию часть кода плеера подключить в шаблон сайта, это plyr.css и plyr.js в main.tpl

6.) Перед закритием тега </HEAD> или после тега <HEAD> вставить код:

<link href="/html5/plyr.css" type="text/css" rel="stylesheet" />

7.) И перед тегом </BODY> вставить код:

<script src="/html5/plyr.js"></script>
<script>plyr.setup();</script>

8.) Последние  встроить видимую часть плеера, где он будет показываться, в моем случи это fullstory.tpl

<video poster="https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.jpg" controls>
  <source src="https://cdn.selz.com/plyr/1.5/View_From_A_Blue_Moon_Trailer-HD.mp4" type="video/mp4">
</video>

 

ГЛАВНОЕ: Если плеер будет криво с визуальными ошибками отражаться в шаблоне, после правильной установки. То проблема находится в самом шаблоне который был криво создан. Плеер проверин на версии движка 11.1 и 11.2 у меня все работает без ошибок с моими шаблонами.

 

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

[Cartmont 0]

Все работает идеально, хотелось бы только немного откорректировать,

Пункт 8 вставлять необходимо не в сам файл шаблона, а в краткую или полную новость при ее редактировании.

Для воспроизведения роликов с сервисов, использовать примеры.

YouTube embed

<div data-type="youtube" data-video-id="bTqVqk7FSmY"></div>

Vimeo embed

<div data-type="vimeo" data-video-id="143418951"></div>

 

[fency2015 0]

Добрый день! Может кто то объяснить, почему при загрузки видео с сервера через админпанель,  оно (видео плейер) не отражается на странице сайта.  В предварительном просмотре отражается. С картинками всё ОК. Как решить эту проблему. Движок DLE 11.2. Но данная проблема была в DLE 10.6. Так и не понял в чём причина. Я в этом деле новичок. Спасибо!

Изменено 16 февраля 2017 пользователем fency2015
доп. информация

[celsoft 6 094]

15 часов назад, fency2015 сказал:

Добрый день! Может кто то объяснить, почему при загрузки видео с сервера через админпанель,  оно (видео плейер) не отражается на странице сайта.  В предварительном просмотре отражается. С картинками всё ОК. Как решить эту проблему. Движок DLE 11.2. Но данная проблема была в DLE 10.6. Так и не понял в чём причина. Я в этом деле новичок. Спасибо!

Откройте консоль браузера, и она укажет вам на все ваши ошибки и проблемы.

[fency2015 0]

В 17.02.2017 в 13:23, celsoft сказал:

Откройте консоль браузера, и она укажет вам на все ваши ошибки и проблемы.

Спасибо большое за помощь!

[surikat 3]

В 11.12.2016 в 05:34, MrRobot сказал:

 

Первое нужно деактивировать стандартный  HTML 5 плеер, что бы он не включался и активировался с HTML 5 тегом <VIDEO>, и не мешал встроить / устоновить строний плеер. Открываем файл engine/modules/main.php находим и удаляем эту строчку кода: 

 

 

if (strpos ( $tpl->result['content'], "<video" ) !== false OR strpos ( $tpl->result['content'], "<audio" ) !== false OR strpos ( $tpl->copy_template, "<video" ) !== false OR strpos ( $tpl->copy_template, "<audio" ) !== false) {

        $js_array[] = "engine/classes/html5player/mediaelement-and-player.min.js";
        $video_found = true;

} else $video_found = false;

 

 

А не легче ли просто сделать перенаправление на файлы плеера в том же   engine/modules/main.php не удаляя ничего...? я так и сделал.

 

Изменено 15 апреля 2017 пользователем surikat

[fency2015 0]

А как сделать, перенаправление, чтобы при создании видео новости через админпанель, появлялся новый плеер? Что то у меня ничего не получается! Спасибо!

[fency2015 0]

Добрый день, уважаемые  форумчане!

Я вставил на главную страницу сайта новый видео плеер. Он работает нормально, но находится только в одном месте. Как сделать, чтобы при добавлении видео новостей через админпанель, видео плеер появлялся согласно расположению созданной новости. Мои действия были такими:

 

В файле 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>

 

Далее между тегами <BODY>...</BODY> вставил такой код:

 

<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>

 

 

[germanydletest 457]

19 минут назад, fency2015 сказал:

Как сделать, чтобы при добавлении видео новостей через админпанель, видео плеер появлялся согласно расположению созданной новости.

Ссылку на сайт предоставьте, а то у вас уже 10 сообщений и ни в одном нет ссылки на сайт.

[fency2015 0]

Только что, germanydletest сказал:

Ссылку на сайт предоставьте, а то у вас уже 10 сообщений и ни в одном нет ссылки на сайт.

http://sitefamely.ru

[celsoft 6 094]

Нелегальная копия скрипта. В помощи отказано.

[valsha 0]

Добрый день.

Спасибо за инструкцию, поставил на сайт Plyr.io

Но вопрос, на компе в браузере все нормально проигрывает, а вот на iphone или ipad, не проигрыывает, почему так?

Файлы на моем сервере расположены в виде .mkv

Спасибо.