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.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
angular-video
1900.0.27 years ago8 years agoMinified + gzip package size for angular-video in KB

Readme

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

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.