问题标签 [videogular]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
166 浏览

javascript - Videogular 视频 404 时是否会触发事件?

当视频 404(现在它试图无休止地加载)时,我只是试图显示一条错误消息而不是我的视频。我认为这里指出了最好的解决方案,但我不知道 videogular 会在 404 上触发一个事件。

如果事件确实触发了,我只会标记一个布尔值以显示 div:

控制器构造函数

HTML

0 投票
1 回答
313 浏览

angularjs - Videogular + videogular-quality - 如何提前预取所有流

我正在使用最新版本的 videogular 和 videogular-quality 插件来改变视频的质量。

目前,插件会在切换时获取新的流,这会造成糟糕的用户体验。

有没有办法在用户改变质量之前预取源并进行平滑过渡?

谢谢

0 投票
1 回答
477 浏览

angularjs - Videogular Angular视频播放器出现异步数据和控制器中的“this.config”问题

我正在为 Angular 使用Videogular视频播放器。HTML 代码如下所示:

在控制器中,用于播放存储在 Firebase Storage 中的视频的代码如下所示:

效果很好,只要我只想播放一个视频。但是为了从一系列视频中动态选择,我写了这个:

和日志就好了videoURLvideoMediaFormat但是视频源和主题都没有加载到 HTML 视图中。问题似乎是移动改变了所指this.config的对象。thisthis.config做什么?

我可以使用or绑定this到控制器吗?callapply

0 投票
1 回答
232 浏览

ionic-framework - 安卓设备上的视频

我正在尝试使用 videogular 从离子应用程序中播放视频。视频本地存储在我的设备上的应用程序中的 vids 文件夹中。我已经抓取了实际的 videogular.mp4 文件,因此本地路径是 vids/videogular.mp4。在配置中,如果我使用该站点的 url:

$sce.trustAsResourceUrl( http://static.videogular.com/assets/videos/videogular.mp4 ) 视频播放正常,但如果我指向本地目录:

$sce.trustAsResourceUrl('/vids/videogular.mp4') 文件不会播放。我也尝试过使用 cordova.file.applicationDirectory + vids/videogular.mp4 来获取本地 url,它也不播放。我还尝试了 window.requestFileSystem 来获取本地 url,它给了我以下 url:

file:///data/data/com.ionicframework.videogularapp818380/files/files/vids/videogular.mp4

但这也不起作用。有谁知道如何做到这一点?android 设备使用的是 android 4.4.2。我在尝试播放要捆绑在应用程序中的视频文件时遇到此类问题,因此用户不必通过互联网连接进行流式传输。我希望能够在 android 和 ios 上使用 ionic 应用程序,但一直在 android 设备上进行测试。

0 投票
1 回答
402 浏览

videogular - 为什么 Videogular 将视频源放在 controller.config 而不是 $scope 上?

我有一个基本的 Videogular 视频播放器设置来播放 Firebase 存储中的视频。在 HTML 视图中这有效:

在控制器中,这有效:

一切正常,播放一个视频。现在我想按主题动态访问视频数组。例如,用户点击查看我所有的猫视频或点击另一个按钮查看我所有的狗视频。我有 Firebase 存储 URL,$scopeng-repeat在视图中打印出 URL:

这也很好用。因此,要使用我所有的猫视频制作一系列视频播放器,我只需ng-repeat为每个视频制作一个新的视频播放器,vg-src来自$scope

那是行不通的。错误是Error: [$parse:syntax],表示存在 Angular 语法错误。vg-src当我更改回时,语法错误消失vg-src="controller.config.sources"

这样可行。问题是vg-src="controller.config.sources"有效但vg-src="{{video.videoURL}}"无效。为什么 Videogular 不能从 中获取视频$scope

我试图将我的视频源从控制器中$scope放入controller.config,但这从来没有奏效。我明天应该再试一次吗?(已经很晚了,我很困惑,试图弄清楚为什么我不能将视频源从控制器中$scope放入controller.config。)

0 投票
2 回答
348 浏览

javascript - 如何使 JavaScript 对象值不带引号(不是字符串)?

Videogular Angular 视频播放器喜欢在这样的对象中引用视频:

$sce.trustAsResourceUrl运行 URLng-sanitize以防止恶意代码。

在我的控制器中,我在将视频上传到 Firebase 存储后制作了这个对象,该存储返回一个snapshot对象:

结果是:

这不起作用,因为src键的值是字符串,而我希望 a$sce.trustAsResourceUrl不是字符串。

如果我这样制作对象:

然后我得到:

根据Mozilla的说法,“JavaScript 对象是键和值之间的映射。键是字符串(或符号),值可以是任何东西。” 如果值可以是任何东西,我如何制作一个部分是字符串而部分不是字符串的值?什么叫“部分是字符串,部分不是字符串”?字面意思?

0 投票
0 回答
73 浏览

angularjs - 浏览器后退按钮上的视频布局中断

我正在使用 Videogular 来呈现视频页面,但是在从详细信息页面导航回来时,我得到了一个损坏的布局,如下所示:

屏幕截图 2017-03-14 在 20 02 06

实际布局应如下所示:

屏幕截图 2017-03-14 在 20 02 38

HTML:

控制器:

有谁知道为什么会发生这种情况?

0 投票
0 回答
327 浏览

ionic-framework - 带有不需要的播放图标的 HTML5 视频元素 (ionic/android/videogular)

我的 videogular 视频播放器中出现了一个大的矩形播放图标 - 当视频加载时,它位于图标顶部(仍显示在上方)。例如,请参见图像。左边是大播放按钮,右边是视频加载后,但播放按钮仍然部分可见。我想根除那个大图标。ios上的同一个应用没有这个问题。我似乎无法发现是什么元素导致了覆盖。我认为它被绘制在 or 内部元素上: .

这是 Android 上的离子应用程序,我正在使用 Videogular 播放器。

我似乎无法摆脱的大视频图标

0 投票
1 回答
4190 浏览

angular - videogular2 设置下一个视频并自动播放

我用 videogular-2 在 ionic 2 中制作了简单的播放器。当我按下开始按钮时,第一个视频在结束事件后播放 X 次,我再次播放视频 X 次。例如 first.mp4 在我将在 videogular 视频源中设置下一个视频设置成功后播放 2 次,但下一个加载的视频不会自动播放。如果我按播放按钮视频播放。

html

ts

使用此行设置下一个视频后

我试过了this.api.play();,但他们给出了如下错误

0 投票
1 回答
669 浏览

angular - Ionic 3 中的 Videogular2 Ima 实现

我在 Ionic 3 上使用 Videogular 2。我按照本教程 ( https://videogular.github.io/videogular2/modules/ima-ads/ ) 进行实施。但是,当 Videogular 尝试在 VgImaAds.loadAds 方法上加载广告时,它会给出此错误“未定义 googletag”。我已经导入了 App.module.ts 中需要的每个模块。这里是 App.module.ts 中的导入。

这是我页面的组件 html。

另外,我在 index.html 的头部添加了标签。但显然,它在 VgImaAds.loadAds 上找不到该脚本的 googletag 属性。我应该怎么办?