ng-video-preview

angular directive to get video previews (youtube, vimeo, ecc.)

Angular Core Dependency: >=1.2.0

Module License: MIT

Added by: Sam Deering

GitHub

Repository

jiin/ng-video-preview

Stats

Stars: 28

Watchers: 28

Forks: 3

Module Description

ng-video-preview

ngVideoPreview is an angular.js directive that generate the emdeddable iframe of a video url. Actually are supported:

  • Youtube
  • Vimeo
  • Vine
  • Bitlanders

Install

bower install ng-video-preview

Include the video-preview.js script provided in bower_components and add ngVideoPreview in your app's dependencies.

Usage

Youtube:

<ng-video-preview source="youtube" url="http://youtu.be/VEUfscdqpNg"></ng-video-preview>

Vimeo:

<ng-video-preview source="vimeo" url="http://vimeo.com/101266603"></ng-video-preview>

Vine:

<ng-video-preview source="vine" url="https://vine.co/v/bnB77Z9QMZh"></ng-video-preview>

Bitlanders:

<ng-video-preview source="bitlanders" url="http://www.bitlanders.com/movie/music-concert/54514"></ng-video-preview>

You can also manually specify player's width and height in pixels, for example:

<ng-video-preview source="youtube" player-width="600" player-height="800" url="http://youtu.be/VEUfscdqpNg"></ng-video-preview>

Module stats last updated: 2017-03-24 16:00:04

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!