问题标签 [videogular]

我有一个视频要在达到 X 秒后暂停。

• 我可以播放视频

• 我可以通过以下方式收听 currentTime：

  <videogular data-vg-update-time="someFunction($currentTime,$duration)" ...> </videogular>

• 我可以在控制器中捕捉到我正在寻找的时间：

  /li>

现在，显然有更好的方法来解决这个问题。闻起来很糟糕，我放弃了角度来评估 currentTime，并尝试识别视频对象。在某种程度上，我正在挣扎，因为该对象是通过嵌入 Videogular 的指令创建的。我的控制器+部分看起来像：

我觉得我已经走了 90% 的路，但我不知道如何在 currentTime 达到 X 秒时直接调用 pause() 或 play() 。我不知道如何定位通过指令出现的视频对象。

我正在使用 Videogular 作为视频播放器的现有 Angular 站点，并且我创建了两个新的自定义元素（一个包含文本的灰色条 DIV 和另一个包含徽标的 DIV）。这些新的 DIV 覆盖视频海报图像并随海报出现/消失。

我正在使用 Videogular 海报插件，并且它的自定义版本运行良好。图层正确显示/消失。

我需要传递两个新的变量/值：1）将插入到覆盖视频的图层中的文本变量和 2）第二张图像的 URL 变量（已经工作的第一张图像是海报图像本身）。

这是显示视频/海报的每个页面中的 HTML：

请注意视频 (vg-src) 和海报图像 (vg-url) 的值是如何在 HTML 中定义的，而不是在外部 Videogular javascript 中定义的。

正如您在上面的 HTML 中所看到的，我需要为将出现在额外海报层之一中的文本添加第二个海报变量 (vg-text)，并且我需要第三个海报变量 (vg-url2)应该出现在覆盖海报图像的两个新 DIV 之一中的图像。

下面我的自定义海报 JS 正确显示了海报图像和两个新的 DIV，但我需要为这些 DIV 中的内容传递值：

如何设置我的自定义海报 JS，以便它在 JS 中的 ng-src="{{vgText}}" 和 HTML 中的 vg-text 之间创建绑定，就像 ng-src="{{vgUrl} } 在上面的 JS 中获取 HTML 中 vg-url 的值？另外，我需要为最终变量传递一个值，我在上面称为 {{vgUrl2}}。

非常感谢任何和所有的指针。

我正在将 videogular 用于音频和视频播放器。它不支持 flac 文件。我有任何方法可以在 videogular 中运行 flac 文件。任何帮助将不胜感激。在此先感谢

我在我的第一个 Ionic-App 的最后一步，我正在使用 videogular-player。

到目前为止一切正常，但我在三星 S5 mini android 手机上发现了一个奇怪的错误/功能。每次我打开我的“MediaPlayer-Player”页面，其中集成了视频播放器，我都会在背景中看到这个奇怪的幻灯片图片。我也得到了一个不是来自 videogular 的叠加播放。

对于测试，我隐藏了每个视频插件，如海报和叠加播放，我仍然看到这张照片。

有人知道它可能来自哪里吗？

这是我提到的图片：

我正在尝试 Videogular 以下是我的 HTML 模板，

它在 Chrome 上正常工作。但在 Firefox 中，视频标签是空的。就像<Video></video>. 但在 chrome 中，它适用于源和类型。

听起来很容易，但目前我没有找到解决方案。我只是尝试获取视频下的 vg-controls 插件定位。

因为我在 Ionic 中使用插件，所以当 vg-controls 自动隐藏或其他东西时，它的可用性不太友好。因此，我喜欢将 vg-controls 容器放在视频容器下。

但现在它总是在视频中，只有一个 padding-top 在做这项工作。但不是完整的工作，因为使用填充它不能完全响应并且总是取决于智能手机的显示。

有没有人为此提供简单的解决方案？我使用网站教程中的常规代码： 在此处输入链接描述

我正在尝试制作一个交互式视频应用程序，概念很简单，例如，当视频 A 正在播放视频 B 和 C 时，视频 B 和 C 预加载在单独的视频标签中，这会导致无缝视频切换（在大多数情况下）。用户在观看时可以选择走哪条路线（B 或 C）。这在桌面浏览器上运行良好，在移动设备上查看应用程序时会出现问题，因为它们无法预加载视频。

有没有办法让这个概念在移动设备上实现无缝视频切换？我能想到的唯一解决方案是播放视频，这些视频是预加载的，在后台静音，到了显示视频的时候，只需重新启动它并将其带到前台。这肯定不是最好的解决方案（并且可能无法正常工作：D）

所以我的问题是，类似的东西可以在移动浏览器上工作吗？如果可以，你将如何解决这个问题？

我尝试使用 videogular API 切换到全屏，但我不明白。

奇怪的是，that.API.play() 效果很好，但 that.API.toggleFullscreen() 不行。我查看了 vg-controls plugin-fullscreen-button 并且还有另一种方法称为 onClickFullscreen() 但在我的情况下也不起作用。

有人知道我该如何解决吗？我将它与 Ionic-App 一起使用，所以它可能有点复杂，但这里有一些来自控制器的代码：

我在控制台中也没有错误。所以看起来函数被调用了，但没有任何反应。当我在控制台中编写 that.onClickFullScreen() 时，出现错误“该对象没有可用的功能”。

我正在使用视频播放器播放音频。

这工作正常。但我需要流式传输rtmp protocol url而不是"myserver/mypath/to/song.mp3". 我遇到了几个播放器，例如 video.js、jwplayer。但我只想在视频中流式传输。但我不知道如何实现这一目标。任何帮助将不胜感激。在此先感谢。

我有一个应用程序，单击事件按钮时需要显示提示点。因此，当我单击 event1 按钮时，提示点应该出现在时间轴上的特定时间。对于已硬编码的值，提示点会显示，但在单击按钮时不会显示。

app.js 文件如下：