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

Question

我正在使用 vjs-video AngularJS 插件在我的应用程序中渲染视频。在桌面上，它在 ngDialog 中显示它们（通过将对话框窗口绑定到图库元素的 ng-click）

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

Answer 1

您是否尝试过 JavaScript “requestFullscreen” api？

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

这是mozilla docs on this api的链接。

这里有一个指向screenfull.js 的链接，这个库应该让这变得更容易。