AngularJS：如何在手机上打开原生视频播放器

我正在使用vjs-video AngularJS插件在我的应用中呈现视频.在桌面上,它在ngDialog中显示它们(通过绑定对话框窗口到ng-click of gallery元素)

它工作正常,但在手机上我想在用户点击(点击)图库项目后立即显示原生全屏播放器.我知道如何在Angular应用程序中检测移动和桌面,但下一步该怎么做？现在用户必须点击图库项目然后对话框显示,之后用户应该在对话框中第二次点击video.js播放器然后视频开始在本机播放器中播放,但我想在第一次点击后立即打开本机播放器.

你试过 JavaScript“requestFullscreen”api吗？

var elem = document.getElementById("myvideo");
if (elem.requestFullscreen) {
  elem.requestFullscreen();
}

这是mozilla docs on this api的链接.

这里有一个链接到screenfull.js,这个库本应该让这更容易.