javascript - MediaElement.js を使用して 2 つのプレーヤーを作成する方法

Question

私はJavascriptとjQueryが初めてです。MediaElement.js を使用して 2 つのプレーヤーを作成したいと考えています。1 つのプレーヤーがオーディオを再生し、別のプレーヤーがビデオを再生します。誰でも私がそうするのを手伝ってください。jQuery と Javascript コードの両方を一緒に使用してそれらを実行しようとしましたが、一度に 1 つしか機能していないことがわかりました。

可能であれば、サンプルコードも提供してください。

前もって感謝します。

Answer 1

私の問題の解決策を見つけました。この質問は、私の質問 mediaelement.js に役立つことがわかりました。同じページに複数のビデオがありますか? . 重要なポイントは 、プレーヤーのインスタンスを作成するときに、pauseOtherPlayers: falseを設定 することです。これにより、他のプレーヤーが開始したときに他のプレーヤーが一時停止することはありません。

私は 2 つのプレーヤーを作成し、次のコードで同時に再生しました。

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;
            .....
                    }

他のプレイヤーの変数名を変更して、同じことを繰り返します。