@LastGeneral

Открыть видео в модальном окне?

Как сделать что бы по нажатию на иконку открывался плеер в модальном окне?
<div class="videos">
  <a href="#" id="https://www.youtube.com/embed/EnZarUPHX1w"> 
    <svg width="68" height="48" viewBox="0 0 68 48"><path class="video__button-shape" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path class="video__button-icon" d="M 45,24 27,14 27,34"></path></svg>
  </a>
</div>
<div class="modal"></div>

$('.videos').click(function(event){
    console.log($(event.target).attr('id'));
    $('.modal').html('<iframe width="480" height="360" src="'+$(event.target).attr('id')+'"></iframe>');
});
  • Вопрос задан
  • 226 просмотров
Пригласить эксперта
Ответы на вопрос 2
GeorgeGeorge
@GeorgeGeorge
Студент
$('.videos a').click(function(event){
    event.preventDefault();
    var videoSrc = $(this).attr('id');
    $('.modal').html('<iframe width="480" height="360" src="'+videoSrc+'"></iframe>');
// далее показываете модалку
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы