问题标签 [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 投票
2 回答
748 浏览

angularjs - 与温泉 UI 一起使用时,Videogular 控制器不起作用

我正在尝试使用 OnSen UI ( https://onsen.io ) 和 Videogular ( http://www.videogular.com/ ) 制作视频播放器应用程序。当我一起使用时,videogular 的视频控制器不起作用。以下是我的代码。

我收到的错误代码。 “错误:[ng:areq] 参数 'HomeCtrl' 不是函数,未定义

0 投票
1 回答
154 浏览

android - 是否可以在 Android 上自动启动 videogular 视频/声音?

当我在 Android 上使用纯 html5 视频/音频时,我让我的用户在启动时单击一个按钮。在点击处理程序中,我启动所有媒体:

之后,我可以以编程方式启动视频/声音,而无需用户单击。在视频中是否有类似的可能?

0 投票
1 回答
282 浏览

javascript - 为什么 API.play 在 Videogular 中的 playerReady 上不起作用?

我有一个有 2 个视图的 Angular SPA。当我从视图 1 转到视图 2 时,视图 2 中的视频应该开始播放。我使用 Videogular 并查看 2 的控制器包含以下内容:

第一个警报说“停止”,下一个警报说“播放”。但是视频无法播放。海报图片消失了,但视频卡住了。在我使用 API.play 之前,我是否需要比 playerReady 更多?

0 投票
1 回答
553 浏览

javascript - Videogular:动态海报不起作用

我正在迭代视频并尝试为每个视频动态设置海报:

索引.html

video.controller.js

但是,呈现的 HTML 是这样的:

请注意,它适用于 vg-ur 但不适用于 ng-src。

有什么线索吗?

0 投票
1 回答
235 浏览

angularjs - 指令中的属性更改未反映

使用视频播放器指令的模板:

上面模板的控制器:

视频播放器指令:

首先,用户将在输入框中输入一个链接(name="link)。如果链接有效,我会将链接发布到某个 API 并返回一些数据,然后将其设置为 vm.videoData.vm.config依赖于 vm.videoData 上的数据,如果 vm.videoData 更新,则 vm.config 也应该更新,然后 video-player 指令中的属性 video-data 也会得到更新。

指令视频播放器将显示链接是否有效,即通过 ng-pattern。问题是,在 vm.videoData 从 API 取回数据后, vm.config 似乎没有更新,或者至少属性 video-data 没有收到更新。而且我已经应用了 scope.$watch 来观察 vm.config 上的变化。

有什么问题?


视频播放器模板:

该指令没有控制器。

0 投票
0 回答
245 浏览

angularjs - 如何在指令中访问 videogular 的 API

我需要一个页面上的多个视频视频,每个视频下方都有一个按钮来启动视频。为了让每个视频都有一个范围,我需要将它们放入指令中,如此所述。

不过,我无法访问 videogular 的 API。我很确定问题出在 onPlayerReady 函数上。有很多关于 API 的文档,但我没有设法让它工作。

指示:

完整的代码笔:http ://codepen.io/anon/pen/dMKKbX

SO上还有另一个可能相关的问题:停止在后台播放的其他视频播放新视频

以及上面提到的关于 Github 的讨论:https ://github.com/videogular/videogular/issues/59

0 投票
2 回答
732 浏览

javascript - Videogular:无法动态添加视频

我正在开发一个应用程序,Ionic并且允许用户上传视频。因此,对于播放视频,我集成了Videogular库。

控制器代码

上传视频$scope.config.sources时正在正确更新。但是当我检查 DOM 时,我没有在那里看到视频。这是截图

在此处输入图像描述

那么我应该怎么做才能完成这项工作呢?

0 投票
0 回答
437 浏览

angularjs - 无法设置未定义或空引用的属性“playsInline”

我在我的角度 SPA 应用程序中使用 videogular,尽管我正在使用正确的视频文件设置 src,但对于某些视频,我不断收到错误“无法设置未定义或空引用的属性 'playsInline'”。它适用于某些文件。所有文件均为 .mp4 类型。

有没有人遇到过这个问题,如果有,你做了什么来解决它

JS:

HTML:

0 投票
1 回答
171 浏览

android - android 移动设备上的 videogular vg-scrub-bar

我在我的 ionic 项目中使用 videogular,使用 vg-scrub-bar 会出现一种奇怪的错误。

我总是在控制台中收到以下错误消息:

未捕获的类型错误:无法在“HTMLMediaElement”上设置“currentTime”属性:提供的双精度值是无限的。

只有在 Android 手机、所有其他设备和网络浏览器上才能正常工作。

先感谢您

0 投票
1 回答
151 浏览

angularjs - 当页面上有两个视频时管理 videogular API

我有一个网站,我需要在上面显示两个不同的视频,并且我需要能够使用 videogular API 执行一些操作。

问题是,当我使用 vgPlayerReady($API) 将视图中的 $API 共享到控制器时,我对一个视频调用的方法同时应用于两者!例如,我想静音一个视频,但是当我调用 setVolume() 并返回 API 时,两个视频都会静音。这是一个已知的问题?有没有其他方法可以只静音一个视频?