Question

我正试图在一个页面上放置多个视频，但是当我点击一个播放时，它们都会播放？还有其他人经历过这个吗？

下面是使用

的代码片段

$("video,audio").mediaelementplayer({
    success: function (player, node) {
        player.pause();
    }
});

$('.mag_video .overlay_exit, .mag_video .overlay_bg').live('click', function () {
    var _this = this;
    $("video,audio").each(function () {
        $(this)[0].player.pause();
    })
});

Answer 1

有一个选项可用于禁用此行为，名为“pauseOtherPlayers”，将其设置为false将允许您同时播放多个视频。

我修改了你的例子：

$("video,audio").mediaelementplayer({
    pauseOtherPlayers: false,
    success: function (player, node) {
      player.pause();
     }
});

Answer 2

那是因为您的jQuery选择器正在选择页面上的所有视频。你想要更具体的东西，如：

$('#video1').mediaelementplayer({
    success: function (player, node) {
        player.pause();
    }
});


$('#video2').mediaelementplayer({
    success: function (player, node) {
        player.pause();
    }
});

mediaelement.js同一页面上有多个视频？

2 个答案: