Programmiererforum

$('#video-icon').on('click', function(e) {
e.preventDefault();
$('.video-popup').css('display', 'flex');
$('.iframe-src').slideDown();
});

$('.video-popup').on('click', function(e) {
var $target = e.target.nodeName;
var video_src = $(this).find('iframe').attr('src');
if ($target != 'IFRAME') {
$('.video-popup').fadeOut();
$('.iframe-src').slideUp();
$('.video-popup iframe').attr('src', " ");
$('.video-popup iframe').attr('src', video_src);
}
});

Play




the video link

Ich habe den folgenden Javascript-Code, der ein Video abspielt, wenn ich in HTML auf die Schaltfläche „Abspielen“ klicke.
Wie kann ich verschiedene Videos abspielen (mehrere Wiedergabeschaltflächen in HTML), ohne sie zu duplizieren? der JavaScript-Code?
[code]$('#video-icon').on('click', function(e) {
e.preventDefault();
$('.video-popup').css('display', 'flex');
$('.iframe-src').slideDown();
});

$('.video-popup').on('click', function(e) {
var $target = e.target.nodeName;
var video_src = $(this).find('iframe').attr('src');
if ($target != 'IFRAME') {
$('.video-popup').fadeOut();
$('.iframe-src').slideUp();
$('.video-popup iframe').attr('src', " ");
$('.video-popup iframe').attr('src', video_src);
}
});
[/code]
[code]
Play




the video link




[/code]