Нужно сделать так чтобы на странице «movies»
Открывалось видео по «movie_id»
И остальные видео были «спрятаны»
js code
$(function(){
$('.movie .list li').click(function(){
var movie_id = $(this).attr('data-id');
$('.trailerMovie').append('<iframe src="https://www.example.com/movies/' + movie_id + '?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>');
$('.modal_wrapper').stop().fadeIn('slow');
$('.modalBg,.trailerModal,.btn_modalClose').click( function(){
$('.modal_wrapper').stop().fadeOut('slow',function (){
$('.trailerMovie').empty();
$('.modal_wrapper').css('display','none') ;
});
});
});
});
И html code
<div class="modal_wrapper">
<div class="modalBg"></div>
<div class="trailerModal">
<div class="btn_modalClose"><span></span></div>
<div class="trailerMovie"></div>
</div>
</div>