Страницы

Поиск по вопросам

среда, 4 марта 2020 г.

Переключатель youtube видео на сайте?

#javascript #jquery


Ребята как сделать на скриншоте переключалку видео, то есть с права видим миниатюры,
клацаем на нее и в левой стороне подгружается само видео, есть у кого то такой скрипт.



Вот так у меня выводятся сам блок с видео и миниатюр!

$fiveVideo) : ?>
'']) ?> Новое видео


Ответы

Ответ 1



$('.video').on('click', function(e) { e.preventDefault(); // предотвращаем стандартное поведение ссылки var vid = $(this).attr('data-video'); // получаем id видео из атрибута $('.bigvideo iframe').attr('src', 'https://www.youtube.com/embed/' + vid); // и подставляем его в iframe }); a { display: block; cursor: pointer; } .bigvideo { max-width: 200px; margin: 0 auto; } Видео 1 Видео 2 Видео 3 Видео 4


Комментариев нет:

Отправить комментарий