У меня есть youtubevideo в лайтбоксе, которое скрыто при загрузке страницы и отображается при нажатии на кнопку. Я не хочу, чтобы видео запускалось при загрузке страницы, поэтому я не устанавливаю autoplay = 1.
Я хочу, чтобы видео запускалось, когда отображается лайтбокс. Это когда посетители нажимают на кнопку.
Вот мой Youtubevideo:
<div class="st_youtube_video">
<iframe>
frameborder="0"
width="1680"
height="945"
src="https://www.youtube.com/embed/-gVYLXVqQ2c&rel=0">
allow="autoplay"
</iframe>
</div>
А вот мой jQuery:
$('#button').click(function() {
$('.st_youtube_video').addClass('st_active');
$(".st_youtube_video").attr('src', $(".st_youtube_video", parent).attr('src') + '&autoplay=1');
});
$('.st_remove').click(function() {
$('.st_youtube_video.st_active').removeClass('st_active');
});
Должны быть где-то ошибки, но я их не вижу. Даже после нескольких попыток мой код не работает. Может ли кто-нибудь посмотреть на это, пожалуйста?
Спасибо