Переключатель 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