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

Question

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

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

Answer 1

您是否尝试过JavaScript＆＃34; requestFullscreen＆＃34; API？

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

这是mozilla docs on this api的链接。

这里有一个指向screenfull.js的链接，这个图书馆应该会让这更容易。