默认情况下全屏打开HTML5视频？

我希望在HTML应用程序中托管一些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>

---

可能的副本看看这不是angularJS的答案（但它通常是答案），OP应该在指令中使用它，并保持他们的控制器没有DOM操作代码。不过复制副本的复制粘贴很好。你的代码中有webkit和moz回退，但这在Android的应用程序中会起作用吗。此外，此代码是单击启用的，而不是在页面打开时。请为我提供延迟响应的详细信息。没有办法自动打开全屏视频。这是关于客户端安全的。这是一个可能的解决方案，你可以找到全屏播放视频。您可以根据自己的需要对其进行编辑。虽然此代码可以回答问题，但提供有关此代码回答问题的原因和/或方式的其他上下文可以提高其长期价值。

.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;
}
});

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();
    }
});

const elem = document.getElementById("myVideo");

if (elem.requestFullscreen) {
  elem.requestFullscreen();
} else if (elem.msRequestFullscreen) {
  elem.msRequestFullscreen();
} else if (elem.webkitRequestFullscreen) {
  elem.webkitRequestFullscreen();
}