Edit in JSFiddle

<div class="container" ng-controller="ctrl" ng-app>
    <div class="page-header">
         <h3>Fullscreen API Check</h3>

    </div>
    <div class="alert alert-info">is fullscreen API supported?：{{flag}}</div>
    <p>Safari5.1はフルスクリーン対応だがOS X Lion(10.7以降)のみ
        <br/> <a href='http://support.apple.com/kb/ht4550' title='Mac Basics: Safari 5.1' target="_blank">Mac Basics: Safari 5.1</a>

    </p>
</div>

/**
 * AngularJSアプリケーションコントローラー
 */
function ctrl($scope) {
    $scope.flag = isSupportFullScreen();
}


/*
 * フルスクリーンをサポートするブラウザかどうかを返す
 *
 * Safari5.1はフルスクリーン対応だがOS X Lion(10.7以降)のみ
 * Mac Basics: Safari 5.1 - http://support.apple.com/kb/ht4550
 *
 */
function isSupportFullScreen() {

    var flag = false;

    // Gecko:FullScreenAPI仕様
    if (typeof document.cancelFullScreen != 'undefined') {
        flag = true;
    }

    // HTML5:FullscreenAPI仕様
    else if (typeof document.exitFullscreen != 'undefined') {
        flag = true;
    }

    // ベンダーのプリフィックスを付けてフルスクリーンサポートをチェック
    else {

        // ブラウザプリフィックス
        // webkit系：Chrome 15+, Safari 5.1+, Opera15+
        // moz系：FF10+
        // ms系： IE11+
        var browserPrefixes = 'webkit moz ms'.split(' ');
        for (var i = 0; i < browserPrefixes.length; i++) {
            var prefix = browserPrefixes[i];
            if (typeof document[prefix + 'CancelFullScreen'] != 'undefined' || typeof document[prefix + 'ExitFullscreen'] != 'undefined') {
                flag = true;
                break;
            }
        }

    }

    return flag;

} //END isSupportFullScreen()