2012-03-08 33 views
0

幅と高さのタグを100%使用していて、ブラウザを最初に開いたときにブラウザのサイズに関係なく正しく動作しますが、コントロールの操作時間が長くなり、ビデオの再生中にビデオが再生されなくなり、画面が黒くなります。何かを追加しなければならないのですか、それとも単なるバグですか?ああ、これはfirefox 10.0.2で発生します。ブラウザのサイズ変更後にFluid Playerが機能しない

<video width="100%" height="100%" id="player2" poster="media/Memphis-Beat_Ring-of-Fire.jpg" controls="controls" preload="none"> 
        <source type="video/mp4" src="media/Memphis-Beat_Ring-of-Fire.mp4" /> 
       </video> 
       <script> 
        $('audio,video').mediaelementplayer({ 
         success: function(player, node) { 
          //$('#' + node.id + '-mode').html('mode: ' + player.pluginType); 
         } 
        }); 
       </script> 

答えて

1

これは本当にあまりにも私を悩ま:

は、ここに私のコードです。私は

// For adjusting the player size on the fly 
      var adjustVideoSize = function(me, el) { 
       var width = $('.a_wrapper_that_is_fluid_width').width(); 
       var height = $('.a_wrapper_that_is_fluid_width').height(); 
       // min dimensions for the player 
       if (width < 256) width = 256; 
       if (height < 110) height = 110; 
       // MediaElement methods for resizing 
       me.setVideoSize(width, height); 
       var player = me.player || el.player; 
       player.setPlayerSize(width, height); 
       player.setControlsSize(); 
      }; 

し、それをウィンドウのサイズが変更されたすべての時間を呼び出す...プレーヤーのサイズを変更する機能を作成することによって、それを解決しました。

関連する問題