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

【问题标题】：mediaelement.js Multiple videos on same page?mediaelement.js 同一页面上有多个视频？
【发布时间】：2012-01-23 12:50:26
【问题描述】：

我正在尝试将多个视频放在一个页面上，但是当我单击一个播放时，它们都播放了吗？有没有其他人经历过这种情况？

这是我使用的代码的 sn-p

$("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();
    })
});

【问题讨论】：

标签： mediaelement.js

【解决方案1】：

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

我修改了你的示例代码：

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

【讨论】：

【解决方案2】：

这是因为您的 jQuery 选择器正在选择页面上的所有视频。您想要更具体的内容，例如：

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


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

【讨论】：