Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/videogular/ngx-videogular
The HTML5 video player for Angular 2 and successor to videogular2
https://github.com/videogular/ngx-videogular
angular angular-components angular15 html5-video-player ivy video video-player
Last synced: 5 days ago
JSON representation
The HTML5 video player for Angular 2 and successor to videogular2
- Host: GitHub
- URL: https://github.com/videogular/ngx-videogular
- Owner: videogular
- License: mit
- Created: 2020-04-28T14:52:34.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-10-10T10:13:14.000Z (2 months ago)
- Last Synced: 2024-12-01T18:09:40.843Z (12 days ago)
- Topics: angular, angular-components, angular15, html5-video-player, ivy, video, video-player
- Language: TypeScript
- Homepage:
- Size: 9.77 MB
- Stars: 133
- Watchers: 8
- Forks: 36
- Open Issues: 47
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-video - ngx-videogular - The HTML5 video player for Angular 2 and successor to videogular2. (Players)
- fucking-awesome-angular - ngx-videogular - An HTML5 video player for Angular 2.0. Videogular is a wrapper over the HTML5 video tag, so you can just add whatever you want. This provides a very powerful, but simple to use solution, for everybody. (Table of contents / Third Party Components)
- awesome-angular - ngx-videogular - An HTML5 video player for Angular 2.0. Videogular is a wrapper over the HTML5 video tag, so you can just add whatever you want. This provides a very powerful, but simple to use solution, for everybody. (Table of contents / Third Party Components)
README
# Videogular
[](https://github.com/semantic-release/semantic-release)
[]()
**Ngx-Videogular is an HTML5 video player for Angular 2.0**. Videogular is a wrapper over the HTML5 video tag, so you can just add whatever you want. This provides a very powerful, but simple to use solution, for everybody.
:tv: [Showcase](https://videogular.github.io/ngx-videogular-showroom/#/)
:books: [Documentation](https://videogular.github.io/ngx-videogular/docs)
## Moving from Videogular2 to Ngx-Videogular
Since `videogular2` is unmaintained, we suggest moving to `@videogular/ngx-videogular`.
You can check out the [migration guide here](https://videogular.github.io/ngx-videogular/docs/migrating-from-videogular2/).
### 48% smaller bundle size? Ivy Support? All of that and more!
## Version Compatibility
| Ngx-Videogular | Angular | Node
|----------------|------------------|--------------------------------------
| <= ^6.0.0 | < 15.0.0 | < 16.0.0
| ^7.0.0 < 8.0.0 | ^15.0.0 < 16.0.0 | ^14.20.0 \|\| ^16.13.0 \|\| ^18.10.0
| ^8.0.0 | >= 16.0.0 | ^16.13.0 \|\| ^18.10.0
## DashJS 2.X.X deprecation
From 2.0.1 onwards we'll only support DashJS v3.
For DashJS v2 compatiblity, please use @videogular/ngx-videogular version < 2.0.1.
## How to install
To get up and running quickly, check out the [getting started guide](https://videogular.github.io/ngx-videogular/docs/getting-started/).
## Quick template
[Stackblitz Template](https://stackblitz.com/edit/angular-videogular?file=app%2Fhello.component.ts)
## Building and Testing
Run `start` to compile the project, execute tests and check coverage:
```bash
npm start
```
Run `build` to compile the project:
```bash
npm run build
```
Run `test` to test the project:
```bash
npm test
```
Run `coverage` to check the coverage report:
```bash
npm run coverage
```
To start the example app run the following commands and open :
```bash
cd examples
npm install
npm run build
npm start
```
## Supported by
Videogular wants to thank you to this companies for support this project:
[](https://www.jetbrains.com)
[](https://www.toptal.com)
## Credits
Videogular is a project created by [Raúl Jiménez](https://github.com/Elecash) and released under [MIT license](https://github.com/videogular/ngx-videogular/blob/master/LICENSE).
This project would not be possible without our [team members](https://github.com/orgs/videogular/people) and an [amazing community](https://github.com/videogular/ngx-videogular/graphs/contributors).