Как сделать поверх видео видеоплеер
При клике на вкладку подгружается плеер. Как сделать чтобы по верх плеер подгружался видео с ютуб и его можно было закрыть. И вышел бы основной плеер
<li class="Button STPb" data-link="https://goodstream.uno/video/embed/[xfvalue_goodstream]/640x420"><span>Goodstream</span><span>French - HDrip</span></li>
<div class="TPlayerTb Current" id="Opt1">
<iframe width="560" height="320" src="" frameborder="0" scrolling="no" allowfullscreen=""></iframe>
</div>
function ply() {
$('.TPlayerCover-play').fadeIn(150);
$('.TPlayerCover-loader').hide();
}
setTimeout(ply, 1500);
$('.TPlayerCover').click(function() {
$('.TPlayerCover-play').hide();
$('.TPlayerCover-loader').show();
function ply2() {
$('.TPlayerCover').fadeOut(150);
}
setTimeout(ply2, 1000);
});
$('.TPlayerTb iframe').attr('src', $('.TPlayerNv>li:first-child').attr('data-link'));
$('.TPlayerNv>li:first-child').addClass('Current');
$('.TPlayerNv>li').click(function() {
/*var player_id = $(this).data('tplayernv');
var shortcode = $(this).data('shortcode');
var shortcode_current = $('.TPlayerNv .Current').data('shortcode');
if (shortcode == 2) {
if (shortcode_current == 2) {
$('.TPlayer .Current').text($('.TPlayer .Current').html());
}
var player_text = $('#' + player_id).text();
if (player_text != '') {
$('#' + player_id).html(player_text);
}
}
var tab_id = $(this).attr('data-TPlayerNv');
$('.TPlayerNv>li').removeClass('Current');
$('.TPlayerTb').removeClass('Current');
$(this).addClass('Current');
$("#" + tab_id).addClass('Current');*/
$('.TPlayerTb iframe').attr('src', $(this).attr('data-link'));
$(this).addClass('Current').siblings().removeClass('Current');
$('.TPlayerCover-play').hide();
$('.TPlayerCover').show();
$('.TPlayerCover-loader').show();
setTimeout(ply, 1000);
});