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

Question

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

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

Answer 1

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

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

这是有关此 api 的 mozilla 文档的链接。

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