1

MediaElementPlayer の同じインスタンスが再利用され、IE8 および 7 の Flash フォールバックで動作する、mediaelement.js を使用して成功したマルチビデオ ギャラリーの URL を持っている人はいますか?

新しい MediaElementPlayer が初めて作成された後、 setSrc を関数として変更することに部分的に成功しました。これは HTML5 コンポーネントに対しては堅牢ですが、Flash フォールバックに対しては失敗します。setSrc は IE8 および 7 では使用できないため、慰めています。オブジェクトを認識できません。

setSrc を新しい MediaElementPlayer の「成功」部分に移動すると、Flash フォールバックと HTML5 ビデオが期待どおりにロードされます。プレーヤーのソースを変更しようとすると、その場で MediaElementPlayer オブジェクトを「破棄」して再作成しようとしましたが、成功しませんでした。私はプレーヤーの使用を宣言していないvar=playerので、合理的にそれを削除することを期待していましたが、成功しませんでした:

player = false;
delete player;

//make a new instance of the mediaelement video player
player = new MediaElementPlayer('#videoPlayer', {
   pluginPath: ''+basePath+'_Includes/JS/',
   success: function (player, node) {
   //set the size (for flash otherwise no video just sound!)
   if($("#rg-gallery.smallGallery").length > 0){
        player.setVideoSize(400, 225);
   } else{
        player.setVideoSize(640, 360);
   }
   player.setSrc([   
      { src: mp4, type: 'video/mp4' },
      { src: webm, type: 'video/webm' }
   ]);       
   player.load();
   player.pause();


   //if the video plays stop the slideshow
      player.addEventListener('play', function () {
      videoPlaying.push('playing');
      stopSlideshow();
      }, false);
   }
});

こことウェブの両方で調査したところ、他の人がこのタイプの動的ギャラリーを試そうとしていることがわかりますが、技術的に実行可能であることを示す例を見つけることができません.

誰かがクラックした URL の例はどれも素晴らしいでしょう。ありがとう ：）

4

1 に答える 1

1

解決しました。

ビデオコードのJS変数を作成しました：

var playerView = '<video width="640" height="360" id="videoPlayer" class="video-js vjs-default-skin" poster="" controls preload="auto"><source id="mp4" type="video/mp4" src="" /><source id="webm" type="video/webm" src=""  /></video>';

初期化時に、既存のプレーヤーのDOMレンダリングを削除し、falseに設定して、次のように削除しました。

//remove any existing video player
$(".mejs-container").remove();
player = false;
delete player;

DOMに追加された新しいビデオビュー：

//add a new one
$(".rg-video").append(playerView);

プレーヤーの新しいインスタンスを作成し、srcを設定して通常どおりにロードします。

//make a new instance of the mediaelement video player
player = new MediaElementPlayer('#videoPlayer', { ...

IE8および7のHTML5ビデオとFlashビデオのフォールバックは、動的ミクストメディアギャラリーの一部として機能するようになりました。

お茶とメダルのためにオフ。

:)

于 2012-08-01T12:52:12.940 に答える