android - Cordova - 如何全屏和循环播放 mp4 视频？

Question

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

是否存在一些插件？

我找到了基于 Angular 的应用程序的 videogular 库。

http://www.videogular.com/docs/#/api/com.2fdevs.videogular.directive:vgLoop

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

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

非常感谢您的任何建议。

Answer 1

使用 Videogular，您可以满足所有这些要求。可能您需要像这样的非常基本的东西:

http://www.videogular.com/examples/simplest-videogular-player/

您可以 fork codepen 并添加循环功能。要全屏播放，您可以使用 API.toggleFullScreen() 向 vg-overlay-play 插件添加 ng-click。

HTML

<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>

JS

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;
        };
    }
);

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