angular-video

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

★ 20 Open GitHub ↗

A directive that takes in a vimeo or a youtube url and converts it into an embedded friendly url and the displays it.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

angular-video
=============

A directive that takes in a vimeo or a youtube url and converts it into an embedded friendly url and the displays it.

###Contributing
angular-video is a free and open source library, and we appreciate any help you're willing to give.

### What it does
* Converts any url into an embedded friendly url (according to vimeo's and youtube's preference)
* Gets the trusted resource url using angular's trustAsResourceUrl() functionality

### Available url formats
* http://www.youtube.com/watch?v=[xyzxyz]
* http://youtu.be/[xyzxyz]
* http://www.youtube.com/embed/[xyzxyz]
* http://vimeo.com/[xyzxyz]

### Getting Started
Download the code, and include the anguvideo.js file in your page. Then add the angvideo module to your Angular App file, e.g.
```html
var app = angular.module('app', ["anguvideo"]);
```

### Usage

```html
<anguvideo ng-model="modelContainingURL" width="100%" height="200"></anguvideo>
```

```html
<div anguvideo ng-model="modelContainingURL" width="250" height="250"></div>
```
### Description of attributes
| Attribute        | Description           | Required | Example  |
| :------------- |:-------------| :-----:| :-----|
| ngModel | An angular model containing the URL | Yes | $scope.URL |
| width | The desired width of the video | No | 50% or 500px |
| height | The desired height of the video | No | 400 |
| hide-controls | Set to hide YouTube player controls | No | true |
| auto-play | Set to autoplay video on web | No | true | 
| show-info | Set false to hide YouTube title | No | false | 
| rel | Set false to not show related videos | No | false | 
| modest-branding | Set to hide YouTube brand on controls bar | No | true |

### License
The anguvideo project is covered by the [MIT License](http://opensource.org/licenses/MIT "MIT License").

The MIT License (MIT)

angular-video

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README