javascript - 如何使用 MediaElement.js 创建两个播放器

Question

我是 Javascript 和 jQuery 的新手。我想使用 MediaElement.js 创建两个播放器。一个播放器将播放音频，另一个播放器将播放视频。任何人都请帮我这样做。我曾尝试同时使用 jQuery 和 Javascript 代码来运行它们，但我发现一次只有一个在工作。

如果可能，还请提供任何示例代码。

提前致谢。

Answer 1

我找到了解决我的问题的方法。我发现这个问题对我的问题 mediaelement.js 有用吗？ 同一页面上有多个视频？ . 关键是 设置 pauseOtherPlayers: false，同时创建播放器实例。当其他玩家开始时，这不会暂停任何其他玩家。

我创建了两个播放器并通过以下代码同时播放它们。

Player-1:  
if (this.MEplayer != undefined && this.MEplayer) {
            this.setvideosize();
            this.video.play();
            return;
        }


    this.MEplayer = new MediaElementPlayer('#overlayplayer', {
        pluginPath: '../js/me281/',
        flashName: 'flashmediaelement.swf',
        silverlightName: 'silverlightmediaelement.xap',
                pauseOtherPlayers: false,
        defaultVideoWidth: $.viewer.player_width, 
        defaultVideoHeight: $.viewer.player_height,
        videoWidth: $.viewer.player_width, 
        videoHeight: $.viewer.player_height,
        enableAutosize: false,
        debug: false, 
        features: ['playpause', 'progress', 'current', 'duration', 'fullscreen'],
        success: function (me, domobj) {
            console.log('player initiated successfully');
            self.video = me;

            self.state = true;
            self.isTSinitialized = false;
            .....
                    }

通过更改其他玩家的变量名称重复相同的操作。