Технический сбой

Сайт временно работает в режиме только для чтения, идут восстановительные работы. Приносим свои извинения за неудобства.

DLE FAQ » Стол заказов » Как добавить привью для видео с ютюба "Вставка медиа контента с других сервисов" в dle 10.6?

Как добавить привью для видео с ютюба "Вставка медиа контента с других сервисов" в dle 10.6?

d1zzrap Стол заказов 1995 9 комментариев

Всем привет!
Нужно добавить привью к видео с ютюба... так как информер грузит сайт.

Показать / Скрыть текст

Движок dle 10.6.
файл отвечающии за вывод информера: /parse.class.php
Пример: тут

После вставке ссылки в это поля:

Нужно чтобы вид был такой (как в ВКонтакте):

Картинка на привью выглидила так:
https://i.ytimg.com/vi/FCkUQxlJNWc/maxresdefault.jpg

Пожелания:
- Информер ютюба не должен подгружаться до тех пор пока не нажмут кнопку привью (плей).
- Все визуальные настрики можно было настраивать через css сайта.
- Вид кода

<div id="57855525651">
<span id="569845img"><img src="https://i.ytimg.com/vi/FCkUQxlJNWc/maxresdefault.jpg" /></span>
<span id="569845inframe"><iframe title="YouTube video player" width="425" height="325" src="//www.youtube.com/embed/FCkUQxlJNWc?rel=1&amp;wmode=transparent" frameborder="0" allowfullscreen></iframe></span>
</div>

- И если можно то время выведите.

9 комментариев

PHP-developer

2580

vitnet - - #49846

Что то типа такого?

Юзер

d1zzrap - - #49857

Во во что то типо этого. Сможете помочь?

PHP-developer

2580

vitnet - - #50227

HTML

Показать / Скрыть текст

[xfgiven_youtube]
<div class="page_post_queue_wide" align="center">
    <div class="page_post_sized_thumbs clear_fix" style="width: 480px; height: 280px;">
        <a href="#" onclick="return showInlineVideo('[xfvalue_youtube]', '{news-id}');" style="width: 480px; height: 280px;" class="page_post_thumb_wrap [xfvalue_youtube] page_post_thumb_video page_post_thumb_last_column page_post_thumb_last_row">
            <div class="page_post_video_play_inline"></div>
            <img src="//i.ytimg.com/vi/[xfvalue_youtube]/hqdefault.jpg" width="480" height="280" style="margin-left: 0px;" class="page_post_thumb_sized_photo">
        </a>

        <div id="page_video_inline_wrap_[xfvalue_youtube]" class="page_video_inline_wrap" style="width: 480px; height: 280px;">
            <div class="video_box">
                <div class="wrap">
                    <div id="video_background_[xfvalue_youtube]" align="center" style="display: none;">
                        <img src="//i.ytimg.com/vi/[xfvalue_youtube]/hqdefault.jpg" style="width: 480px; height: 280px;">
                    </div>
                    <div id="video_box_wrap_[xfvalue_youtube]" class="video_box_wrap"></div>
                </div>
            </div>
        </div>
    </div>
</div>
[/xfgiven_youtube]

Показать / Скрыть текст

function showInlineVideo(id, nid) {
    if( id == '' ) id = '4nXYEnonD7E';
    $('a.page_post_thumb_wrap.' + id).hide();
    var video = $('<iframe id="video_' + id +'" title="YouTube video player" width="480" height="280" src="//www.youtube.com/embed/' + id + '?rel=0&autoplay=1&VQ=HD720&iv_load_policy=3&wmode=transparent" frameborder="0" allowfullscreen=""></iframe>');
    video.prependTo('#video_box_wrap_' + id).slideDown(100);

    return false;
}

Юзер

d1zzrap - - #50389

Большое спасибо за решение.))

Юзер

shim - - #50391

спасибо

Юзер

shim - - #51362

А как к данному хаку прикрутить проверку, если нет maxresdefault.jpg то вставлять hqdefault.jpg ?

PHP-developer

2580

vitnet - - #51363

Если бы отсутствующий постер отдавал код 404, можно было бы использовать атрибут onerror

Юзер

shim - - #50399

а можно чтобы не было фиксированной высоты и ширины?

Юзер

shim - - #51179

Узнать продолжительность видео на YouTube

function getDuration($url){
 
    parse_str(parse_url($url,PHP_URL_QUERY),$arr);
    $video_id=$arr['v']; 
 
    $data=@file_get_contents('http://gdata.youtube.com/feeds/api/videos/'.$video_id.'?v=2&alt=jsonc');
    if (false===$data) return false;
 
    $obj=json_decode($data);
 
    return $obj->data->duration;
}
 
echo getDuration('http://www.youtube.com/watch?v=rFQc7VRJowk');

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

Последние события

Puxlik | Telegram Sender ¹³

Puxlik
Telegram Sender

Версию 17.1 поддерживает ?
TeraMoune | Не загружается изображение [Ошибка HTTP] ... ²

TeraMoune
Не загружается изображение [Ошибка HTTP]. Как исправить?

В этой версии есть фрагментация загрузки файла когда загружаемый файл разделяется на фрагменты, по умолчанию 1 фрагмент 1.5мб. (И у вас написано лимиты на файл 4мб и картинки 5.86мб, этого достаточно чтобы принимать 1.5мб фрагменты) И если бы была проблема с весом или чем-то подобным то об этом бы сервер сообщил. Сервер отдал 500 ошибку это значит что угодно, нужно смотреть ответ от сервера в консоли разработчика или логах.
RedFox | Не загружается изображение [Ошибка HTTP] ... ²

RedFox
Не загружается изображение [Ошибка HTTP]. Как исправить?

"Некоторые картинки загружаются, но большинство нет."

Сначала не обратил внимания, но видимо проблема в этом. Все, что больше 100Кб, не загружается. Что странно, поскольку в php у меня следующие значения:
post_max_size = 100M
upload_max_filesize = 100M
max_file_uploads = 20

Полагаю, где-то еще надо увеличить размер загружаемой картинки, но где?
LMakc | Модуль читалка pdf ¹

LMakc
Модуль читалка pdf

Не начинай, я заплатил сегодня штраф за підручники. Сейчас очень сложно с этим.
ssssss | Сделать подсчет количества символов в ко ... ⁵

ssssss
Сделать подсчет количества символов в комментариях

Есть актуальный плагин под 17 версию? (только количество символов! без наворотов... записей куда-либо и т.п.) *ББ-редактор
alex.sg.spb | Как вывести информацию о обновлении ново ... ⁸

alex.sg.spb
Как вывести информацию о обновлении новости, но на время?

вопрос, в продолжение поста. Помогите с кодом вывода инфо UPDATE на краткой новости, так чтобы не нужно было нажимать внутри новости при редактировании галочку?
Kentavr | Как вместо %20 в адресной строке подстав ... ⁹

Kentavr
Как вместо %20 в адресной строке подставлять символ + между словами ???

Спасибо огромное. Этот вариант самый простой и рабочий!

derebas | Как вместо %20 в адресной строке подстав ... ⁹

derebas
Как вместо %20 в адресной строке подставлять символ + между словами ???

К черту htaccess давайте проще

к href добавьте id="xfield_value"

<a href="/company/[xfvalue_company]/" id="xfield_value">[xfvalue_company]</a>

И добавьте скрипт обработчик

<script>
document.addEventListener('DOMContentLoaded', function() {
    const links = document.querySelectorAll('a#xfield_value');

    links.forEach(link => {
      let href = link.getAttribute('href');

      if (href) {
        href = href.replace(/ /g, '+');
        link.setAttribute('href', href);
      }
    });
  });
</script>

Kentavr | Как вместо %20 в адресной строке подстав ... ⁹

Kentavr
Как вместо %20 в адресной строке подставлять символ + между словами ???

Так сайт не работает вообще. Браузер выдает такое

Страница недоступна Сайт ... выполнил переадресацию слишком много раз.
Попробуйте удалить файлы cookie.

ERR_TOO_MANY_REDIRECTS

Куки чистил не помогает
derebas | Как вместо %20 в адресной строке подстав ... ⁹

derebas
Как вместо %20 в адресной строке подставлять символ + между словами ???

Попробуйте так
RewriteEngine On
RewriteCond %{REQUEST_URI} %20
RewriteRule (.*)%20(.*) $1+$2 [N]
RewriteRule (.*) $1 [R=301,L]