问题标签 [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 回答
2908 浏览

javascript - 与 Videogular 指令交互——如何操作?

我正在使用https://github.com/2fdevs/videogular并且开箱即用它工作得很好,特别是。

我不确定我会如何说,因为自动播放不是真的,让视频以编程方式播放?我知道我可以在包含上述标记的控制器中调用angular.element()然后调用.play(),但从我读过的内容来看,这似乎是错误的。我不应该angular.element()在任何控制器内部调用。

我应该怎么办?我应该创建一个执行此操作的指令吗?放置“播放”和“暂停”视频逻辑的最佳位置在哪里(fwi,我想在屏幕上显示两个视频,一旦第一个视频结束,做一些事情然后播放第二个)。

0 投票
1 回答
1869 浏览

angularjs - Videogular - 是否有多个视频播放按钮的脚本?

我在 Wordpress 中运行 Videogular。Wordpress 网站是我的在线作品集,我正在使用 Videogular 播放我的 AfterEffects 工作的四个、五个或六个视频示例。我想为我工作的每个 AfterEffects 示例添加一个播放按钮或“交换视频”按钮。我在 Wordpress 中将 AngularJS 与 Videogular 分开运行,因此可以在 Videogular 内部或外部构建多个播放按钮。但我不确定使用什么来为 Videogular 播放器构建播放/交换视频示例按钮。我应该使用 AngularJS / jQuery 还是 Javascript?我是 AngularJS 的新手,我的 jQuery 比我的 JavaScript 更强大。谁能指出我正确的方向?非常感谢!

KSQ

0 投票
1 回答
1245 浏览

angularjs - AngularJS videogular没有响应

我正在使用 angularjs,我读到 videoangular 会自动响应 vg-responsive='true'。但是使用这段代码:

浏览器上的视频没有响应。任何想法?谢谢你。

0 投票
0 回答
451 浏览

javascript - Videogular - 我如何开始使用 Videogular

我是 HTML5 的初学者。我想用视频

我的问题:

  • 我如何开始使用 Videogular?
  • 我如何在 html 页面中配置(或)实现?
  • 是否有任何规范需要实施视频?

    我提到了 Videogular API

仍然,我是空白的。

0 投票
1 回答
4134 浏览

javascript - 视频未加载

我正在尝试在我的网站中实现 Videogular,但没有下载 GitHub 项目附带的所有内容。我只想使用 videogular.js、插件和默认主题。然而,当我加载页面时,它的默认 HTML5 视频播放器和 Videogular 没有实现。

我的 html 代码如下所示:

我的 js 文件看起来像:

我真的没有看到我错过的任何东西。我在范围中有配置对象和一个主题集(这显然是强制性的)。有人看到我看不到的东西吗?

编辑:没关系,原来我忘了包含ngSantize,它是我的 html 标头的 js 文件。

0 投票
1 回答
218 浏览

html - 如何在 HTML 5 中将一个控制器与另一个控制器合并

我是 HTML5 的初学者。我有两个不同的控制器。分开它工作正常。当我试图合并它不起作用时。如何在控制器中配置控制器。

代码:

在这里,两者都单独工作。但是当我试图在 XML 显示控制器中显示视频时,两者都不起作用。

Videogular 控制器的代码:

XML 控制器的代码

0 投票
1 回答
2814 浏览

angularjs - bower ENOTFOUND 包 videogular 未找到

我正在尝试使用bower安装videogular,但出现错误:

我应该手动安装吗?

0 投票
1 回答
1276 浏览

angularjs - Videogular 控件未完全渲染

我正在实现一个使用 Videogular 播放视频的站点,因为它与站点内的其他 AngularJS 很好地集成在一起。所需的每个文件似乎都位于路径中的正确位置,但最终结果仅显示总时间、已用时间和已用时间条。

现在我现在控制在那里,就好像我将鼠标悬停在音量控制应该是音量出现的位置。

我正在 Chrome 版本 32.0.1700.107 中进行测试。我想我完全按照演示进行了操作。

这就是我引用特定样式表的方式

这就是我拉入js文件的方式。未显示包含 jquery、bootstrap 和 offcanvas js 文件。

我什至使用与演示相同的配置

最后我的目录结构是这样的:

  • 应用程序
    • css
    • 视频
      • 字体
        • icomoon.eot
        • icomoon.svg
        • icomoon.ttf
        • icomoon.woff
      • videogular.css
    • 图像
    • js
      • 视频
      • 插件
        • 缓冲.js
        • 控件.js
        • 覆盖播放.js
        • 海报.js
      • videogular.js
    • 部分
    • 视频
    • 意见
      • 视频
        • 插件
          • 缓冲
            • 缓冲.html
          • 控制
            • 控件.html
            • 全屏按钮.html
            • 静音按钮.html
            • 播放暂停button.html
            • 音量bar.html
          • 重叠播放
            • 覆盖播放.html
    • 索引.html

现在我确定我错过了一些东西,但我看不到它。有什么帮助吗?

0 投票
1 回答
650 浏览

angularjs - 具有要求的单元测试插件指令

我在我正在开发的 Angular 应用程序中使用 Videogular。我为它编写了一个插件指令,它监听来自 $rootScope 的事件广播,并且,如果正在播放视频,则在广播事件时自动暂停它。

但我无法弄清楚如何对其进行单元测试。我似乎无法将 Videogular 本身正确地注入到我的测试中。我已经尝试过这方面的变化:

但业力一直在抱怨:

我做错了吗?你对我应该做什么有什么想法或建议吗?

0 投票
1 回答
3546 浏览

responsive-design - 在 Videogular 中动态设置宽度和高度

我正在使用 Videogular。我想动态设置高度和宽度。我如何设置值

这是为视频设置宽度和高度的正确方法吗?