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

前端之家收集整理的这篇文章主要介绍了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,这个库本应该让这更容易.

猜你在找的Angularjs相关文章