问题标签 [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.
angularjs - 与温泉 UI 一起使用时,Videogular 控制器不起作用
我正在尝试使用 OnSen UI ( https://onsen.io ) 和 Videogular ( http://www.videogular.com/ ) 制作视频播放器应用程序。当我一起使用时,videogular 的视频控制器不起作用。以下是我的代码。
我收到的错误代码。 “错误:[ng:areq] 参数 'HomeCtrl' 不是函数,未定义
android - 是否可以在 Android 上自动启动 videogular 视频/声音?
当我在 Android 上使用纯 html5 视频/音频时,我让我的用户在启动时单击一个按钮。在点击处理程序中,我启动所有媒体:
之后,我可以以编程方式启动视频/声音,而无需用户单击。在视频中是否有类似的可能?
javascript - 为什么 API.play 在 Videogular 中的 playerReady 上不起作用?
我有一个有 2 个视图的 Angular SPA。当我从视图 1 转到视图 2 时,视图 2 中的视频应该开始播放。我使用 Videogular 并查看 2 的控制器包含以下内容:
第一个警报说“停止”,下一个警报说“播放”。但是视频无法播放。海报图片消失了,但视频卡住了。在我使用 API.play 之前,我是否需要比 playerReady 更多?
javascript - Videogular:动态海报不起作用
我正在迭代视频并尝试为每个视频动态设置海报:
索引.html
video.controller.js
但是,呈现的 HTML 是这样的:
请注意,它适用于 vg-ur 但不适用于 ng-src。
有什么线索吗?
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 上的变化。
有什么问题?
视频播放器模板:
该指令没有控制器。
angularjs - 如何在指令中访问 videogular 的 API
我需要一个页面上的多个视频视频,每个视频下方都有一个按钮来启动视频。为了让每个视频都有一个范围,我需要将它们放入指令中,如此处所述。
不过,我无法访问 videogular 的 API。我很确定问题出在 onPlayerReady 函数上。有很多关于 API 的文档,但我没有设法让它工作。
指示:
完整的代码笔:http ://codepen.io/anon/pen/dMKKbX
SO上还有另一个可能相关的问题:停止在后台播放的其他视频播放新视频
以及上面提到的关于 Github 的讨论:https ://github.com/videogular/videogular/issues/59
angularjs - 无法设置未定义或空引用的属性“playsInline”
我在我的角度 SPA 应用程序中使用 videogular,尽管我正在使用正确的视频文件设置 src,但对于某些视频,我不断收到错误“无法设置未定义或空引用的属性 'playsInline'”。它适用于某些文件。所有文件均为 .mp4 类型。
有没有人遇到过这个问题,如果有,你做了什么来解决它
JS:
HTML:
android - android 移动设备上的 videogular vg-scrub-bar
我在我的 ionic 项目中使用 videogular,使用 vg-scrub-bar 会出现一种奇怪的错误。
我总是在控制台中收到以下错误消息:
未捕获的类型错误:无法在“HTMLMediaElement”上设置“currentTime”属性:提供的双精度值是无限的。
只有在 Android 手机、所有其他设备和网络浏览器上才能正常工作。
先感谢您
angularjs - 当页面上有两个视频时管理 videogular API
我有一个网站,我需要在上面显示两个不同的视频,并且我需要能够使用 videogular API 执行一些操作。
问题是,当我使用 vgPlayerReady($API) 将视图中的 $API 共享到控制器时,我对一个视频调用的方法同时应用于两者!例如,我想静音一个视频,但是当我调用 setVolume() 并返回 API 时,两个视频都会静音。这是一个已知的问题?有没有其他方法可以只静音一个视频?