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.

Angular Core Dependency: ~1.2.16

Module License: MIT

Added by: Sam Deering

GitHub

Repository

andoulla/angular-video

Stats

Stars: 10

Watchers: 10

Forks: 4

Author

Mariandi
Mariandi

Module Description

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.

var app = angular.module('app', ["anguvideo"]);

Usage

<anguvideo ng-model="modelContainingURL" width="100%" height="200"></anguvideo>
<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 | | hideControls | Set to hide YouTube title and player controls | No | true |

License

The anguvideo project is covered by the MIT License.

The MIT License (MIT)

Copyright (c) 2014 Mariandi Stylianou, and contributors to the angular-video project.

Module stats last updated: 2015-06-08 00:33:07

Disclaimer: Some data on this page may have been gathered from the authors GitHub respository. If you see any mistakes or outdated information please let us know. Thanks!