Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Шаблоны (TPL) Как вывести видео отдельным тегом?

Как вывести видео отдельным тегом?


     10.01.2016    Шаблоны (TPL)    627

вопрос
Всем привет!

В dle есть image-x которая выводит первую картинку в shortstory, а если в короткой новости только видео тогда идет заглушка что нет картинки. Вопрос?

Как в короткой новости выводить выдео с ютуба или хотя бы превью картинку этого видео. Используется такая конструкция
 
<div align="center"><img src="{image-1}"></div>
{short-story limit="200"}

Ответа пока нет


Комментарии пользователей (2)

veseluha94
4 | 1

veseluha94 - 11 января 2016 16:14 - Юзер

Создай дополнительное поле видео - video, придай ему класс.
И при добавление новости в поле видео кидай ссылку с youtube

<div align="center"><img src="{image-1}"></div>
<div class="video">[xfvalue_video]</div>
{short-story limit="200"}

lehasta
1

35 | 8

lehasta - 13 января 2016 05:14 - Юзер

Можно попробовать так
создать доп поле youtube - одна строка, а дальше что-то типа этого
var url = "{image-1}"; // урл картинки 
var regImg = /no_image\.jpg/gi;     // шаблон для заглушки no_image.jpg
var result = url.match(regImg);  // ищем no_image.jpg в урле картнки
// вывод результата
if (result) {
//если урл нашелся, значит картинки нет и будем вставлять с ютуба  
            var str = "[xfvalue_youtube]";// поле с сылкой с ютуба вида https://www.youtube.com/watch?v=1tjFYzdd_iY
            var yolink = str.split('v=')[1];//убираем лишний хлам
//загружаем картинку с ютуба
    document.write('<div class="youtube_image"><img width="800" src="//img.youtube.com/vi/' + yolink + '/maxresdefault.jpg" alt="{title}" class="img-thumbnail"/></div>')
//0.jpg - 480х360
//maxresdefault.jpg - максимальный размер
//если надо выводить видео ,то можно вывести так :
// document.write('<iframe width="514" height="289" src="http://www.youtube.com/embed/' + yolink + '?showinfo=0" frameborder="0" allowfullscreen></iframe>');
} else {
//если урл не нашелся, значит картинка есть и загружаем картинку
    document.write('<img width="800" alt="{title}" src="{image-1}" class="img-thumbnail">')
}

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы