これは、「glautrou」からのフィードバックに基づく更新された質問です。BeagleBone Black シングル ボード コンピューター用の LCD Cape が来ており、LCD に境界線、スクロール バー、およびタイトル バーのない Web ページを表示したいと考えています。 . http://lesson8.blogspot.co.uk/2013/01/html5-fullscreen-api.htmlにある例から切り取った以下のコードを使用して、これを機能させることを実験しています。
私の望みは、ページがロードされたとき、またはスクリプト内からこれを実行することです...ボタンを押す必要はありません。以下のスクリプトは、ボタンでは正常に機能しますが、open または script の呼び出しでは機能しません。私はDOMをよく理解していないので、単純なものが欠けているのではないかと疑っています。
<!DOCTYPE html>
<html>
<head>
</head>
<BODY onLoad="launchFullscreen(document.documentElement);">
<h1>HTML5 Fullscreen API</h1>
<div style="padding:20px;">
<button onclick="launchFullscreen(document.documentElement);" class="sexyButton">Launch Fullscreen</button>
<button onclick="cancelFullscreen();" class="sexyButton">Hide Fullscreen</button>
</div>
<script type='text/javascript'>//<![CDATA[
function launchFullscreen(element) {
if(element.requestFullScreen) {
element.requestFullScreen();
} else if(element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if(element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
}
}
function cancelFullscreen() {
if(document.cancelFullScreen) {
document.cancelFullScreen();
} else if(document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if(document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
}
launchFullscreen(document.documentElement);
//]]>
</script>
</body>
</html>
前もって感謝します、ウィル