7

独自の HTML 5 Browser Player を作成しています。すべてのコントロールは、IE 10、Chrome、Safari、および Firefox でフルスクリーンが機能するように個別に機能します。

私の JavaScript スキルは最高ではないので、簡単な方法で物事を説明してくれる人がいれば素晴らしいと思います。

一部の Web サイトで IE がフル スクリーンをサポートしていないことを読みました。その場合、IE 10 のブラウザ プレーヤー コントロールを介してフル スクリーンにできるのはなぜですか? (Microsoft が大嫌いで、すべてにおいて遅れをとっている!)

感謝し、助けと提案をします！前もって感謝します！

これは、フルスクリーン機能のためにこれまでに持っているものです。

function toggleFullScreen() {
    if(vid.requestFullScreen) {
    vid.requestFullScreen();   
    } else if(vid.webkitRequestFullScreen) { 
    vid.webkitRequestFullScreen();   
    } else if(vid.mozRequestFullScreen) { 
    vid.mozRequestFullScreen();
    }
    }
4

4 に答える 4

9

IE は、バージョン 11 まで、フル スクリーン API をサポートしていません。

position: staticただし、IE10 <= で同様の効果を生み出したい場合は、要素を と の間で切り替えることができますposition: fixed。要素の位置は固定されていますが、width: 100%; height: 100%.

YouTube のIE 用HTML5 プレーヤで、これがどのように行われるかを確認できます。

F11さらに、ブラウザ ウィンドウを全画面表示モードにする JavaScript からキープレスを送信できるようです。

var wscript = new ActiveXObject("Wscript.shell");
wscript.SendKeys("{F11}");

これら 2 つの方法を組み合わせると、IE がフル スクリーン API をエミュレートするのに最も近い方法だと思います。

于 2013-11-06T18:48:12.623 に答える
1

IE 11 はそれをサポートしており、うまく動作し、場合によっては Chrome よりも優れていますが、iframe にはバグがあります。

https://connect.microsoft.com/IE/feedback/details/814527/ie11-iframes-body-offsetwidth-incorrect-when-iframe-is-in-full-screen-mode#tabs

于 2014-02-07T02:54:46.780 に答える
1

IE11 にはベンダー プレフィックスも必要であることに注意してください。msRequestFullscreen()

したがって、完全なクロス ブラウザー機能を実現するには、次のようなものが必要です。

var video = document.getElementById('videoID');
if (video.requestFullscreen) {
    video.requestFullscreen();
} else if (video.mozRequestFullScreen) {
    video.mozRequestFullScreen();
} else if (video.webkitRequestFullscreen) {
    video.webkitRequestFullscreen();
} else if (video.msRequestFullscreen) {
    video.msRequestFullscreen();
}
于 2015-08-05T12:27:04.397 に答える