Не нравятся результаты поиска? Попробуйте другой поиск!

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

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

d1zzrap 01.11.2015 Стол заказов 2020 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

2583

vitnet - 2015-11-011 ноября 2015 19:07 - #49846

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

Юзер

d1zzrap - 2015-11-012 ноября 2015 10:28 - #49857

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

PHP-developer

2583

vitnet - 2015-11-0115 ноября 2015 14:28 - #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 - 2015-11-0120 ноября 2015 17:46 - #50389

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

Юзер

shim - 2015-11-0120 ноября 2015 19:17 - #50391

спасибо

Юзер

shim - 2015-11-0127 декабря 2015 14:16 - #51362

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

PHP-developer

2583

vitnet - 2015-11-0127 декабря 2015 14:46 - #51363

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

Юзер

shim - 2015-11-0121 ноября 2015 00:42 - #50399

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

Юзер

shim - 2015-11-0120 декабря 2015 17:31 - #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');

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

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

mondolfo | Как вывесит в comments.tpl картинку с но ... ⁷

mondolfo
Как вывесит в comments.tpl картинку с новости?
Вчера, 23:42

кто-нибудь решил эту?
Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 17:08

Разъясните как вытащить id?
lutskboy | Вытащить все данные из определенного доп ... ¹

lutskboy
Вытащить все данные из определенного доп поля?
22-11-2024, 16:17

в adminer можно.

lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 16:14

выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
js скрипт можно написать


<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
22-11-2024, 14:39

Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
22-11-2024, 13:52

где выводить? админка или сайт
TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
21-11-2024, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .