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

css - Angular 应用程序未加载 css 字体文件 - asp.net 核心应用程序

我是一个有角度的入门者,也刚刚开始在 asp.net 核心中测试它(使用 Microsoft.AspNetCore.SpaTemplates 作为博客在这里)。

我的问题是我的一个依赖项没有加载它的 css 样式,我已经编辑webpack.config.vendor.js以包含.css在本节中:
... entry: { vendor: [ ...

我遇到问题的包是videogular,它是一个用于 Angular 的 HTML5 视频播放器,它的基本功能按预期工作,只有一些显示功能缺少 - 在我的具体情况下,它是播放器组件上的一些图标,我认为供应商的config 负责包含它。但不幸的是,没有显示播放按钮。
这是组件的 ts 文件:( 摘录)

0 投票
0 回答
63 浏览

javascript - 如何使用 Videogular 的质量选择

我使用videogular来显示视频。和noppolp 当我将代码置于正常状态时,视频运行但是当我设置多质量代码时代码不执行。

0 投票
2 回答
3460 浏览

javascript - 如何在 Ionic 2/Angular 2 项目中实现 Videogular?

我正在寻找一个在 Ionic 2 环境甚至是平面 Angular 2 环境中工作的 Videogular 2 的工作示例。

我尝试了许多不同的在线示例,感觉文档已经过时或完全不准确。

例如,文档明确指出可以使用以下方式制作基本播放器:

我在打字稿中加载:

这给了我错误:

我使用一个vg-player元素而不是videogular然后在其中的一个video标签取得了一点成功。这有效,但只是给了我本地播放器。任何在其中使用 Videogular 标签的尝试都会给我与上述类似的错误。

所有组件也都存在于该区域app.module.ts下的我的文件中。imports

我的完整控制器:

还有我的完整 HTML:

任何帮助是极大的赞赏。在这一点上,我正在考虑其他视频选项,但我很想坚持使用 Videogular,因为它似乎是一个很好的解决方案,如果我能让它工作的话。

0 投票
0 回答
330 浏览

angularjs - videogular 只显示黑屏不播放视频

我已经关注了这个页面。这只是显示黑屏而不是播放视频。这是我的代码

和 HTML 是

我的视频版本是 "name": "videogular", "version": "1.4.4", ,角度版本是"angular": "^1.5.0",

0 投票
1 回答
1970 浏览

javascript - 在 Videogular2 中更新视频源

我正在尝试更新视频源然后播放。我在 Ionic 2 (Angular 2) 应用程序中使用 Videogular2。

预期行为

我希望视频源会被更改,并在加载时开始播放。

实际行为

视频源更改成功(我可以在 Chrome 开发者工具/DOM 中看到)和海报图像更改。虽然视频不播放。我正在使用vg-overlay-play,单击/点击时不会播放视频。如果我修改我的代码以包含本机controlsvideo那么我可以通过手动使用这些控件来播放视频。

HTML

打字稿

this.selectedClass.videos是一个视频对象数组。

我尝试绑定到src标签video而不是使用sources列表,但得到完全相同的行为。

0 投票
2 回答
4744 浏览

angular - 在 Angular 应用程序中包含 hls.js 库

我正在尝试将 Videogular2 模块包含到我的 Angular 应用程序中,但我不断收到错误消息hls.js。我已按照Getting started指南进行操作,但在开发人员控制台中收到此错误:

我先执行了这个命令

我已经添加了脚本路径.angular-cli.json

导入需要的模块app.module.ts

添加了 HTML 文件(使用组件),其中movie是组件的属性。

知道在哪里可以解决这个问题吗?

谢谢

编辑

我也使用jQueryOwlCarousel2图书馆。

0 投票
1 回答
1702 浏览

ios - 背景音频不适用于 iOS 上的 Ionic3 + Videogular2

我在 Angular/Cordova/Ionic3 项目中使用 Videogular2,我在其中播放 mp3 音频直播流。在浏览器和 iOS 模拟器上,一切都适用于 mp3 和 mp4。

当用户在 iOS 设备中锁定屏幕时,我希望音频继续在后台模式下播放,但在 IOS 上,当用户锁定屏幕音频停止播放时。

我已经在 XCODE 8 上进行了测试以设置“功能”选项卡添加“音频”参数,我已经将 cordova-plugin-backgroundaudio 添加到项目中但没有成功。

在 iOS 模拟器上运行良好,问题仅出现在 iOS 设备上。在 iPhone 6 和 iPad 3 上测试。

我在用着:

  • iOS 10.3.3
  • XCODE 8.3.3
  • 离子 3.12.1
  • Videogular2 5.4.11

没有其他人在科尔多瓦/离子上使用 videogular2 吗?

0 投票
1 回答
338 浏览

cordova - 如何在视频 gular 库的 vg-scrub-bar 上显示指针头?

这里有一个没有拖动功能的简单寻线栏,

0 投票
0 回答
139 浏览

cordova - ionic 中的 vg-scrub-bar 问题

出现错误:无法绑定到“vgSlider”,因为它不是“vg-scrub-bar-current-time”的已知属性。

  1. 如果“vg-scrub-bar-current-time”是一个 Angular 组件并且它有“vgSlider”输入,那么验证它是这个模块的一部分。

  2. 如果“vg-scrub-bar-current-time”是一个 Web 组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。("ss" *ngIf="showTimeDisplay"> ][vgSlider]="true">

使用的代码:

0 投票
1 回答
539 浏览

javascript - 禁用正向操作视频

我在我的 angular 2 项目中使用 videogular 视频播放器。我想禁用该视频播放器的转发操作,并且存在一个下载按钮,所以我还想禁用该播放器的下载操作。我怎样才能做到这一点 ?