我想全屏和循环播放给定的 mp4 视频文件。
是否存在一些插件?
我找到了基于 Angular 的应用程序的 videogular 库。
http://www.videogular.com/docs/#/api/com.2fdevs.videogular.directive:vgLoop
但我不知道这是我需要的正确选择。
我可以是轻量级的。我只需要全屏播放并循环播放即可关闭视频(没有声音、在视频、时间轴等中搜索)。
非常感谢您的任何建议。
最佳答案
使用 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;
};
}
);
我没有测试过这个,但它应该可以工作或接近。
关于android - Cordova - 如何全屏和循环播放 mp4 视频?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28826446/