• Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы про uCoz » Информер на видео файлы
Информер на видео файлы
kldou24
Понедельник, 24 Июля 2017 | Сообщение 1
Оффлайн
Пользователи
Сообщений:39
Награды: 0
Добрый вечер. Нашел на сайте интересный информер /load/informer_na_fajly_i_stati_dlja_ucoz/81-1-0-7562 , все ништяк. Один из них пытался переделать под видео файлы, безрезультатно :07a:. Подскажите пожалуйста какие операторы надо поменять?
Страна: (UA)
Kosten
Понедельник, 24 Июля 2017 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
kldou24, так можно в админ панели в разделе главная страница видео и ниже все операторы предоставлены, просто не подключена эта категория, не могу посмотреть.
Страна: (RU)
Khabib
Понедельник, 24 Июля 2017 | Сообщение 3
Оффлайн
Заблокированные
Сообщений:34
Награды: 2
kldou24, Пиши VK Помогу тебе!
Страна: (RU)
First-1
Понедельник, 24 Июля 2017 | Сообщение 4
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Можно и конечно скрины с видео резать и так же выводить как к любому материалу. Ну а чтоб проигровалось видео в информере, можно использовать доп. поле, ну или ссылку на сайт автора и т.д.... и вставлять в это поле ссылку на видео, ну а в код добавить код фрейма
К примеру можно попробовать так
Код

Код
<div class="top-files clr">  
<div class="top-files-img">  
<iframe width="90" height="60" src="$OTHER1$" frameborder="0" allowfullscreen></iframe>
</div>  
<div class="top-files-2">  
<div class="top-files-title"><a href="$ENTRY_URL$">$TITLE$</a></div>  
<div class="top-files-cat">Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></div>  
<div class="top-files-detali">  
<span>Просмотров: $READS$</span> |  
<span>Загрузок: $LOADS$</span>  
</div>  
</div>  
</div>
Страна: (UA)
kldou24
Понедельник, 24 Июля 2017 | Сообщение 5
Оффлайн
Пользователи
Сообщений:39
Награды: 0
Kosten, да пробовал 07a шняга получается.Хочу чтоб вместо картинки был плеер
Страна: (UA)
First-1
Понедельник, 24 Июля 2017 | Сообщение 6
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Khabib, как замечание. Тема создана тут, и разбирать и помогать нужно тут. Так как это может быть поможет кому-то другому. А в темах в каких разбор уже пошел в личке или где-то ещё не вижу смысла, так как общей информации не будет, и всё что поисковик схавает так это название, а пользователь перейдя по ссылке увидит - фигу. И ты ка вебмастер должен понимать это

Сообщение отредактировал
First - Понедельник, 24 Июля 2017, 20:08
Страна: (UA)
kldou24
Понедельник, 24 Июля 2017 | Сообщение 7
Оффлайн
Пользователи
Сообщений:39
Награды: 0
First, вот что получается

Добавлено (24.07.2017, 20:08)
---------------------------------------------
First, типа такого здесь на платном есть http://tb20.ucoz.club/

Страна: (UA)
First-1
Понедельник, 24 Июля 2017 | Сообщение 8
Оффлайн
Пользователи
Сообщений:716
Награды: 22
kldou24, какое поле использовал?
Страна: (UA)
kldou24
Понедельник, 24 Июля 2017 | Сообщение 9
Оффлайн
Пользователи
Сообщений:39
Награды: 0
First, в смысле 07a
Страна: (UA)
First-1
Понедельник, 24 Июля 2017 | Сообщение 10
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Цитата Khabib ()
Пиши VK Помогу тебе!

В этом смысле
Страна: (UA)
kldou24
Понедельник, 24 Июля 2017 | Сообщение 11
Оффлайн
Пользователи
Сообщений:39
Награды: 0
First, я не понимаю если честно.Туплю.Вот на пробнике делаю http://mbdoy24.ucoz.net/
Страна: (UA)
First-1
Понедельник, 24 Июля 2017 | Сообщение 12
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Я сам если честно с модулем видео не дружу, так как оно мне никогда не нужно было
Попробуй так ещё

попробуй отключи краткое описание в настройках модуля и попрбовать так
Код
<div class="top-files clr">  
<div class="top-files-img">  
$MESSAGE$
</div>  
<div class="top-files-2">  
<div class="top-files-title"><a href="$ENTRY_URL$">$TITLE$</a></div>  
<div class="top-files-cat">Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></div>  
<div class="top-files-detali">  
<span>Просмотров: $READS$</span> |  
<span>Загрузок: $LOADS$</span>  
</div>  
</div>  
</div>
Страна: (UA)
kldou24
Понедельник, 24 Июля 2017 | Сообщение 13
Оффлайн
Пользователи
Сообщений:39
Награды: 0
First, да не то ...чтоб вместо картинки скрин видео 07a может кто на рисуется ...подскажет

Прикрепления: 5836492.png (61.7 Kb)
Страна: (UA)
First-1
Понедельник, 24 Июля 2017 | Сообщение 14
Оффлайн
Пользователи
Сообщений:716
Награды: 22
kldou24, ну если видео именно с ютюб и нужна картинка (превью) видео, тогда можно попробовать так:
Код

<div class="top-files-img">  
<img src="//img.youtube.com/vi/$OTHER1$/2.jpg" width="120" height="90">
</div>  
<div class="top-files-2">  
<div class="top-files-title"><a href="$ENTRY_URL$">$TITLE$</a></div>  
<div class="top-files-cat">Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></div>  
<div class="top-files-detali">  
<span>Просмотров: $READS$</span> |  
<span>Загрузок: $LOADS$</span>  
</div>  
</div>  
</div>


Код

.top-files {  
  margin-bottom: 5px;  
  padding-bottom: 5px;  
  height: 90px;  
  border-bottom: solid #EDEDED 2px;  
}  

.top-publ-img, .top-files-img {  
  float: left;  
  width: 120px;  
  height: 90px;  
  padding-right: 10px;  
}  
.top-files-img img, .top-publ-img img {  
  width: 120px;  
  height: 90px;  
  border-radius: 3px;  
  object-fit: cover;  
}  

.top-files-title {  
  white-space: nowrap;  
  overflow: hidden;  
  -webkit-mask: linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0) 210px, rgba(0, 0, 0, 0));  
  border-bottom: 1px dashed #c3c3c3;  
  padding-bottom: 2px;  
}  

.top-publ-title a, .top-files-title a {  
color: #000;  
  display: block;  
}  

.top-files-cat {overflow: hidden;  
  color: #000;  
  font-size: 12px;  
}  

.top-files-cat a {  
}  

.top-files-2 {  
}  

.top-files-detali span {  
  font-size: 12px;  
}  

.top-publ {  
  margin-bottom: 5px;  
  padding-bottom: 5px;  
  height: 90px;  
  border-bottom: solid #EDEDED 2px;  
}  

.top-publ-title {  
}  

.top-informer {  
  border-bottom: solid 2px #EDEDED;  
  display: inline-block;  
  margin-bottom: 5px;  
}  

.top-l , .top-r {  
border-bottom: solid 1px #EDEDED;  
  padding-bottom: 3px;  
  margin-bottom: 4px;  
}  

.top-l span, .top-r span {  
  font-size: 15px;  
  border-bottom: solid 1px #4E453C;  
  padding-bottom: 5px;  
}  

.top-informer-l {  
  width: 49%;  
  float: left;  
  border-right: 2px #EDEDED solid;  
  padding-right: 6px;  
  margin-right: 5px;  
}  

.top-informer-r {  
  width: 49%;  
  float: right;  
}  

.top-publ:last-child,  
.top-files:last-child {  
  border-bottom: 0;  
}

Опять же мы здесь взяли 1 дополнительное поле и при добавления материала нужно в него вставлять последние символы из ссылки к видео

Вот эти к примеру



В итоге доп. поле дополняет символы эти к уже прописанной ссылке в коде и ссылка будет уже такого типа img.youtube.com/vi/pVIvO83_Rtc/2.jpg перейдя по ссылке увидишь превьюшку к видео

В конце ссылки видим цифру 2, это номер превьюшки (на ютюб их по моему три при добавлении, я выбрал чтоб брало вторую)
Ну и стилями попробовать подыграть все под картинку, и можно добавить иконку полу прозрачную как на скрине, при ховере в полный цвет
Прикрепления: 7743905.png (117.4 Kb)
Страна: (DE)
Kosten
Понедельник, 24 Июля 2017 | Сообщение 15
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
Цитата Khabib ()
kldou24, Пиши VK Помогу тебе!

Khabib, разбор весь на сайте, как подчеркнул First. Если хочешь платно помогать, есть тема Услуги, что можешь там написать свои услуги по помощи.
Страна: (RU)
Форум » Веб-разработка » Вопросы про uCoz » Информер на видео файлы
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: