Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/189.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android 科尔多瓦-如何全屏和循环播放mp4视频?_Android_Angularjs_Html_Cordova_Video - Fatal编程技术网

Android 科尔多瓦-如何全屏和循环播放mp4视频?

Android 科尔多瓦-如何全屏和循环播放mp4视频?,android,angularjs,html,cordova,video,Android,Angularjs,Html,Cordova,Video,我想在全屏和循环中播放给定的mp4视频文件 现有的插件是否适用于此 我找到了基于角度的应用程序的videogular库 但我不知道这是我需要的正确选择 我可以是轻量级的。我只需要在全屏和循环中播放就可以关闭视频(没有声音,在视频中搜索,时间线等等) 非常感谢您的建议。使用Videogular,您可以满足所有这些要求。可能你需要一些非常基本的东西,比如: 您可以分叉代码笔并添加循环功能。要进行全屏播放,可以使用API.toggleFullScreen()将ng单击添加到vg overlay播放

我想在全屏和循环中播放给定的mp4视频文件

现有的插件是否适用于此

我找到了基于角度的应用程序的videogular库

但我不知道这是我需要的正确选择

我可以是轻量级的。我只需要在全屏和循环中播放就可以关闭视频(没有声音,在视频中搜索,时间线等等)


非常感谢您的建议。

使用Videogular,您可以满足所有这些要求。可能你需要一些非常基本的东西,比如:

您可以分叉代码笔并添加循环功能。要进行全屏播放,可以使用API.toggleFullScreen()将ng单击添加到vg overlay播放插件中

HTML


我还没有测试过这个,但它应该可以工作或接近。

谢谢,我尝试了给定链接中的几个示例。它显示视频预览,点击视频后,只有在iOS上才能全屏播放视频(在安卓4.4上仍然是非全屏窗口)。我想有一个文本列表项目,点击后直接在展台平台上全屏运行视频。我该怎么做呢?我绝对讨厌全屏API,它现在真的有问题,即使在相同的操作系统中,但在不同的手机上,它的行为也不一样。请参阅screenfull(这是一个激发Videogular全屏支持的库)中的相关问题,那么您向我推荐什么呢?在iOS上它可以正常工作,在Android上我的工作非常奇怪,屏幕朝向就像显示全屏一样,但admob是可视的,并且视图的标题也是可视的。您可以尝试禁用本机全屏并在线播放。您可以通过在videogular标记中添加属性vg plays inline=“config.playsInline”来实现这一点。您可以看看这个主题吗
<div ng-controller="myController as ctrl">
    <videogular vg-player-ready="onPlayerReady($API)" vg-loop="ctrl.config.loop">
        <vg-media vg-src="ctrl.config.sources"></vg-media>
        <vg-overlay-play ng-click="API.toggleFullScreen()"><vg-overlay-play>
    </videogular>
</div>
angular.module("myApp").controller("myController", 
    function myController($sce) {
        this.API = null;

        this.config = {
            loop: true,
            sources: [
                {src: $sce.trustAsResourceUrl("http://static.videogular.com/assets/videos/videogular.mp4"), type: "video/mp4"},
                {src: $sce.trustAsResourceUrl("http://static.videogular.com/assets/videos/videogular.webm"), type: "video/webm"},
                {src: $sce.trustAsResourceUrl("http://static.videogular.com/assets/videos/videogular.ogg"), type: "video/ogg"}
            ]
        };

        this.onPlayerReady = function onPlayerReady(API) {
            this.API = API;
        };
    }
);