Как сделать вывод видео на страницу сайта через php + js ?
JS и html Code работает нормально.
Нужно чтобы на странице "movies" выводилось видео по "movie_id" и другие были "спрятаны"
<video class=" " controls="controls" width="100%" >
<source src="https://example.com/example.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
</video>
или выводился блок html в котором будет видеоплеер.
Пример блока:
<article class="">
<video class=" " controls="controls" width="100%" >
<source src="https://example.com/example.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
</video>
</article>
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>