2016-05-31 8 views
0

このコードを使用してフルスクリーンにボタンを実装すると、うまくいきます。 私は逆を行うために検索します、どうすればいいですか? ありがとうございました。Javascriptでフルスクリーンの反対側を実装する

HTML

  <button type="button" id="full-screen" class="full-screen"> 
       <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32"> 
        <path d="M32 0h-13l5 5-6 6 3 3 6-6 5 5z"></path> 
        <path d="M32 32v-13l-5 5-6-6-3 3 6 6-5 5z"></path> 
        <path d="M0 32h13l-5-5 6-6-3-3-6 6-5-5z"></path> 
        <path d="M0 0v13l5-5 6 6 3-3-6-6 5-5z"></path> 
       </svg> 
      </button> 

はJavaScript VAR fullScreenButton =のdocument.getElementById( "フルスクリーン");私exempleで動作

function exitFullscreen() { 
    if (document.exitFullscreen) { 
     document.exitFullscreen(); 
    } else if (document.msExitFullscreen) { 
     document.msExitFullscreen(); 
    } else if (document.mozCancelFullScreen) { 
     document.mozCancelFullScreen(); 
    } else if (document.webkitExitFullscreen) { 
     document.webkitExitFullscreen(); 
    } 
} 

答えて

2

あなたはこの機能を使用することができます。

  // Event listener for the full-screen button 
      fullScreenButton.addEventListener("click", function() 
      { 
       if (player.requestFullscreen) 
       { 
        player.requestFullscreen(); 
       } 
       else if (player.mozRequestFullScreen) 
       { 
        player.mozRequestFullScreen(); // Firefox 
       } 
       else if (player.webkitRequestFullscreen) 
       { 
        player.webkitRequestFullscreen(); // Chrome and Safari 
       } 
      }); 


      // Event listener for the full-screen button 
      normalScreenButton.addEventListener("click", function() 
      { 
       if(document.exitFullscreen) 
       { 
        document.exitFullscreen(); 
       } 
       else if(document.mozCancelFullScreen) 
       { 
        document.mozCancelFullScreen(); 
       } 
       else if(document.webkitExitFullscreen) 
       { 
        document.webkitExitFullscreen(); 
       } 
      }); 
+0

ありがとうございました。 – Nadir

0

答え:

  // Event listener for the full-screen button 
      fullScreenButton.addEventListener("click", function() 
      { 
       if (player.requestFullscreen) 
       { 
        player.requestFullscreen(); 
       } 
       else if (player.mozRequestFullScreen) 
       { 
        player.mozRequestFullScreen(); // Firefox 
       } 
       else if (player.webkitRequestFullscreen) 
       { 
        player.webkitRequestFullscreen(); // Chrome and Safari 
       } 
      }); 
関連する問題