Question

我正在制作一个以自举模式播放YouTube视频的页面。我已经使这个JS函数在模态关闭时暂停视频，但仅适用于3个模态。

var player1;
var player2;
var player3;
function onYouTubePlayerAPIReady() {player1 = new YT.Player('ytplayer1'); player2 = new YT.Player('ytplayer2'); player3 = new YT.Player('ytplayer3');}
$('#Video1').on('hidden.bs.modal', function () {
    player1.pauseVideo();
    });
$('#Video2').on('hidden.bs.modal', function () {
    player2.pauseVideo();
    });
$('#Video3').on('hidden.bs.modal', function () {
    player3.pauseVideo();
    });

目前我正在添加数据库中的视频。这些视频以id="Video_#"模式打开，其中＃是数据库中视频的ID。（同样适用于ytplayer＃）

当我关闭相应的模式时，如何更改脚本以暂停视频？

TIA

Answer 1

要使此功能适用于您在页面上显示的任何视频，您可以执行以下操作。

var videoIds = [1, 2, 3, 4, 5, 6];

videoIds.map(function (id) {
    var videoPlayer = new YT.Player('ytplayer' + id);

    $('#Video' + id).on('hidden.bs.modal', function () {
        videoPlayer.pauseVideo();
    });
});

在模态关闭时暂停YouTube视频

1 个答案: