Fullscreen APIが使えるかどうか調べる
説明
Fullscreen APIが使えるかどうか調べるにはvideoオブジェクトにRequestFullScreenメソッドがあるかどうかで判断します。RequestFullScreenメソッドがあればFullscreen APIは使える、なければ使えない事になります。2011年10月29日時点ではドラフト段階ですので、プロパティ名にはベンダープレフィックスが必要です。
サンプルプログラム
【HTML】
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>Sample</title>
<link rel="stylesheet" href="css/main.css" type="text/css" media="all">
</head>
<body>
<h1>Fullscreen APIが使えるかどうか調べる</h1>
<video width="100" height="20"></video>
<div id="result"></div>
<script type="text/javascript" src="js/sample.js"></script>
</body>
</html>
【スクリプト】
var v = document.getElementsByTagName("video")[0];
var ele = document.getElementById("result");
var flag = v.RequestFullScreen || v.webkitRequestFullScreen || v.mozRequestFullScreen;
if (flag){
document.getElementById("result").innerHTML = "Fullscreen APIは使えます";
}else{
document.getElementById("result").innerHTML = "Fullscreen APIは使えません";
}