Varsayılan olarak tam ekran HTML5 videosu açın

Question

HTML uygulamasında bazı HTML5 videoları barındırmak istiyorum. Video açıldığında, şu anda sadece bir sayfada açılmakta ve tam ekran açma seçeneğiyle kullanılabilen kontrollerle varsayılan olarak oynatılmaktadır, sayfayı açtığınızda tam ekran oynatmanın herhangi bir yolu var mıdır? Benim product.html aksine Burada

<div class="video-container" data-tap-disable="true"> 
<div class="videotitle">{{product.title}}</div> 
<div class="videoduration">Duration: {{product.duration}}</div> 
<video id="myVideo" controls="controls" preload="metadata" autoplay="autoplay" webkit-playsinline="webkit-playsinline" class="videoPlayer"><source src="{{product.video}}" type="video/mp4"/></video> 

benim Açısal kontrolör, ben JS kodu burada bir yerlerde uyacak varsayalım

.controller('ProductCtrl', function (Products, $rootScope, $scope, $stateParams, $state, $timeout) { 
$scope.product = Products[$stateParams.productId]; 

var video = document.getElementById("myVideo"); 

// Stop video playing when we go to another page 
$rootScope.$on('$stateChangeStart', function() { 
stopVideo(); 
}); 

// Go to list of other videos when individual HTML5 video has finished playing 
angular.element(video).bind('ended', function() { 
$state.go('app.products'); 
}); 

function stopVideo() { 
video.pause(); 
video.currentTime = 0; 
} 
}); 

Answer 1

var video = $("#myVideo"); 
video.on('click', function(e){ 
    var vid = video[0]; 
    vid.play(); 
    if (vid.requestFullscreen) { 
     vid.requestFullscreen(); 
    } else if (vid.mozRequestFullScreen) { 
     vid.mozRequestFullScreen(); 
    } else if (vid.webkitRequestFullscreen) { 
     vid.webkitRequestFullscreen(); 
    } 
}); 

Answer 2

var elem = document.getElementById("myVideo"); 
if (elem.requestFullscreen) { 
elem.requestFullscreen(); 
} else if (elem.msRequestFullscreen) { 
elem.msRequestFullscreen(); 
} else if (elem.webkitRequestFullscreen) { 
elem.webkitRequestFullscreen(); 
} 

[Html5 Tam ekran videonun