2 
<script>    
  $(document).ready(function(){
    $('#Video').bind('ended', function(){

      $('#Video')[0].mozCancelFullScreen();

    });
  });    
</script>

一部のビデオをフルスクリーンで表示するビデオボタンを使用して、フルスクリーン モードで Web サイトを作成しようとしました。ビデオの最後で、videofullscreen が閉じて全画面の Web サイトの概要が表示されるはずですが、機能しません。$('#Video').fadeout(); のみ ビデオの終了後に機能し、Web サイトの概要が表示されますが、ビデオを再度開くことはできません。そして、マウスクリックハンドラーでフルスクリーンビデオを閉じようとしましたが、どちらも機能しません。

var Video = document.getElementById("Video")
    buttonFullscreen = document.getElementById("button");   

if (Video && buttonFullscreen) {
   videoFullscreen.addEventListener("click", function (evt) {

    if (Video.mozRequestFullScreen) {
      Video.mozRequestFullScreen();
      Video.mozSrcObject=null;
      Video.play();

      mouse.click( function () {
        Video.mousedown(function(event) {
          Video.pause();
          Video.mozSrcObject=null;
          Video.mozCancelFullScreen();
        }); 
     });

    }
  else if (Video.webkitRequestFullScreen) {
    Video.webkitRequestFullScreen();
    Video.play();

  }, false);
}
4

1 に答える 1

5

また、直接のユーザー操作なしで document.mozCancelFullScreen を機能させることもできませんでした。そのため、特定のイベント コールバックまたはタイムアウトから呼び出すことは、これまでうまくいかないようです。

回避策は、要素を削除してから元の場所に戻すことです。$.fadeout() は、要素を DOM から削除するため、機能します。私が使用した：

var parentNode = videoElement.parentNode;
parentNode.removeChild(videoElement);
parentNode.appendChild(videoElement);

ひどいようですが、FFで動作させるにはこれしか方法がありません。

于 2013-05-16T18:56:31.170 に答える