https://github.com/tinacious/angular-fluidvid

An AngularJS directive for fluid videos for Responsive Design. Rebuilt my jQuery plugin for AngularJS.
https://github.com/tinacious/angular-fluidvid

angularjs responsive-videos responsive-web-design

Last synced: 9 months ago
JSON representation

An AngularJS directive for fluid videos for Responsive Design. Rebuilt my jQuery plugin for AngularJS.

• Host: GitHub
• URL: https://github.com/tinacious/angular-fluidvid
• Owner: tinacious
• Created: 2014-02-15T03:26:02.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2016-09-19T10:26:41.000Z (over 9 years ago)
• Last Synced: 2025-06-15T06:12:38.693Z (12 months ago)
• Topics: angularjs, responsive-videos, responsive-web-design
• Homepage:
• Size: 117 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
# AngularJS directive for responsive, fluid videos

An AngularJS directive for fluid videos for Responsive Design. Currently supports YouTube and Vimeo.

The video will always horizontally fill its parent element so this element should be responsive.

## Usage

To install using Bower and Grunt:

```bash

bower install angular-fluidVid --save

grunt bower-install

```

If you do not use Bower and Grunt, you can download the package and source the dependencies in your HTML.

1. Include `angular-fluidVid.js` in your HTML.

2. Add the `tinacious.fluidVid` module as an app dependency.

2. Implement the directive as an element attribute:

```html



```


[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/tinacious/angular-fluidvid/trend.png)](https://bitdeli.com/free "Bitdeli Badge")