Вывести через fancybox или litebox видео youtube и превьюшку

Описание: Прочии темы
Модератор: Aleksandr

TeLEpat
Автор темы, Рядовой
Рядовой
Аватара
TeLEpat
Автор темы, Рядовой
Рядовой
Сообщения: 7
Зарегистрирован: 18 марта 2016
С нами: 8 лет

#1 TeLEpat » 31 октября 2019, 21:00

Как вывести видео через fancybox или litebox с превью youtube изображением ?

Через litebox никак.
Можно вынести через fancybox
вот ссылка http://fancyapps.com/fancybox/3/. Скачиваем , заходим в папку \dist , берем минимизированные Js и css файл. Дописываем в header нужной страницы. Этот код для bitrix.
Вот изначальный код из документации

Код: Выделить всё

<a data-fancybox href="https://www.youtube.com/watch?v=_sI_Ps7JSEk">
YouTube video
<img src="paths">
</
a


Если нужно превью , то воспользуемся функцией php

Код: Выделить всё

function getYoutubeVideoID($url){
 
    
// допустимые доменые имена в ссылке
    
$names = array('www.youtube.com','youtube.com');
 
    
// разбор адреса
    
$up parse_url($url);
 
    
// проверка параметров
    
if (isset($up['host']) && in_array($up['host'],$names) &&
        isset(
$up['query']) && strpos($up['query'],'v=') !== false){
 
        
// достаем параметр ID
        
$lp explode('v=',$url);
 
        
// отсекаем лишние параметры
        
$rp explode('&',$lp[1]);
 
        
// возвращаем строку, либо false
        
return (!empty ($rp[0]) ? $rp[0] : false);
    }
    return 
false;
}
// массив ссылок ютуба
$mass_video_url=array(
'https://www.youtube.com/watch?v=_sI_Ps7JSEk',
'https://www.youtube.com/watch?v=_sI_Ps7JSEk',
'https://www.youtube.com/watch?v=_sI_Ps7JSEk',
);
// массив в который соберем src изображений с ютуба
$mass_video_foto=array();
foreach (
$mass_video_url as $key=>$url){            
            
$src='http://img.youtube.com/vi/'.getYoutubeVideoID($url).'/0.jpg';    
            
//собираем в массив.
            
$mass_video_foto[]=$src;
            
// или сразу выводим
            
echo '<a data-fancybox href="'.$mass_video_url[$key].'" ><img style="width:100px; margin-right:10px;" src="'.$src.'"></a>';
        } 


  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Прочее»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 4 гостя