HTMLアプリケーションでHTML5ビデオをホストしたいと考えています。ビデオを開くときに、現在ページ内で開き、デフォルトでフルスクリーンを開くオプションで利用可能なコントロールで再生すると、ページを開くとすぐにフルスクリーンで再生する方法はありますか?ここでHTML5ビデオを全画面でデフォルトで開きますか?
<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>
は私の角度コントローラですが、私は私のproduct.html
.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;
}
});
[HTML5のフルスクリーンビデオの可能性のある重複とは対照的に、JSコードはどこかここで収まると仮定します](http://stackoverflow.com/questions/6039909/html5-full-screen-video) – Erazihel
[videogular](http://www.videogular.com/)をご覧ください –