Как усовершенствовать скрипт, чтобы он работал для двух классов?

Question

[HankeTM]

Добрый день!
Имеется скрипт для WP, который при клике на картинку обернутая в div с классом "video" вытаскивает iframe с видео. Сам скрипт работает, но только для одного класса "video".

Помогите, пожалуйста, усовершенствовать скрипт, чтобы можно было использовать его для нескольких классов (нескольких видео). Сам я в скриптах не силен и понять как это сделать не в состоянии.
В скрипте есть строчки где понятно, что он заточен под WP, просьба сделать его под joomla.

Надеюсь все нормально объяснил. Заранее спасибо!

Сам скрипт:

function add_this_script_footer() { ?>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('.video').click(function() {
$(this).html('<iframe width="560" height="315" src="https://www.youtube.com/embed/1ugivNRYfjc?autoplay=1" frameborder="0" allowfullscreen></iframe>');       });       });
</script>
<?php } 
add_action('wp_footer', 'add_this_script_footer');

Answer 1

[WQP]

<a href="#" class="video" data-src="https://www.youtube.com/embed/1ugivNRYfjc?autoplay=1">Открыть видео #1</a>

<script type="text/javascript">
jQuery(document).ready(function($) {
	$('.video').click(function(e) {
		e.preventDefault();
		var src = $(this).data('src');
		$(this).html('<iframe width="560" height="315" src="'+src+'" frameborder="0" allowfullscreen></iframe>'); 
	});
});
</script>

Comments

[HankeTM]

А если у меня два разных iframe с разной шириной и высотой, как быть? Можно ли что-нибудь добавить в этот код, не хочется вставлять этот же код ниже, загрузит не по-детски сайт :)

Answer 2

[Евгений Безымянников]

Ссылку на видео берите из data аттрибутов блока с классом video.

Answer 3

[Николай]

$('.video, .video2, .video3, .video4')

Comments

[Николай]

$('#other, #spawn').click(function() {
alert("true")
});

[Николай]

https://api.jquery.com/multiple-selector/