Angular: Empty Fiddle

http://angularjs.org/

by mooyah

HTML

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<div ng-controller="MyCtrl">
    <button ng-click="fullscreen()">Fullscreen</button>
    <br/>
    <video src="http://llnw.spotxcdn.com/media/videos/orig/0/a/0afca9e094d6dbf28e4d92060f71fc07.mp4" id="video" controls="true"/>
</div>

JavaScript

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.fullscreen = function() {
        debugger;
        console.log(document.getElementById('video'));
        if (document.getElementById('video').requestFullscreen)
        {
            document.getElementById('video').requestFullscreen();
        } 
        else if (document.getElementById('video').mozRequestFullScreen)
        {
            document.getElementById('video').mozRequestFullScreen();
        } 
        else if (document.getElementById('video').webkitRequestFullscreen)
        {
            document.getElementById('video').webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
        }
    }
}