<commit_before>ngVideo
===================

![Travis](https://api.travis-ci.org/Wildhoney/ngVideo.png)
&nbsp;
![npm](https://badge.fury.io/js/ng-video.png)

* **Heroku**: [http://ng-video.herokuapp.com/](http://ng-video.herokuapp.com/)
* **Bower:** `bower install ngvideo`

---

`ngVideo` is a [HTML5 video player](http://www.html5rocks.com/en/tutorials/video/basics/) written in [Angular.js](https://angularjs.org/).

![ngVideo 0.2.0](http://i.imgur.com/dTJDd3u.png)

`ngVideo` utilises [Angular.js directives](https://docs.angularjs.org/guide/directive) extensively which compartmentalises the various components that make-up the overall `ngVideo` experience &ndash; meaning you get to pick and choose which components you wish to utilise.

Directive Requirements
-------------------

When using `ngVideo`, the **only** required directive is the main `ng-video` directive which handles all of the core logic, as well as the `vi-screen` directive which is the player itself. All other directives **are** *optional*.

Getting Started
-------------------

**Terminology:** When we mention `videoModel` we mean the `object` that is returned from `addSource`.

Starting to use `ngVideo` is a breeze! Firstly you **must** define the container which will contain your *video* node.

```html
<section class="video" ng-video>
```

**Note:** You can load multi-sources for each video for fallback purposes with `[multiSource](#multi-source)`.

You then need to fulfill the only other requirement for `ngVideo` &ndash; the `video` node:

```html
<video vi-screen></video>
```

After that you have all that's necessary to begin playing videos &ndash; albeit without any user control.

`ngVideo` ships with a simple service that can be injected into your controllers, directives, services, et cetera... Since the `video` service is what's used for adding video sources, we'll inject `video` into one of our controllers:

```javascript
myApp.controller('VideoController', ['$scope', 'video', function($scope, video) {

    /* Controller... */
    
}]);
```

We can then subsequently add video sources to be played. For this grab yourself a [valid video source](http://www.w3schools.com/html/mov_bbb.mp4) and add it:

```javascript
video.addSource('mp4', 'http://www.example.com/alice-in-wonderland.mp4');
```<commit_msg>Fixed link in README.md<commit_after>ngVideo
===================

![Travis](https://api.travis-ci.org/Wildhoney/ngVideo.png)
&nbsp;
![npm](https://badge.fury.io/js/ng-video.png)

* **Heroku**: [http://ng-video.herokuapp.com/](http://ng-video.herokuapp.com/)
* **Bower:** `bower install ngvideo`

---

`ngVideo` is a [HTML5 video player](http://www.html5rocks.com/en/tutorials/video/basics/) written in [Angular.js](https://angularjs.org/).

![ngVideo 0.2.0](http://i.imgur.com/dTJDd3u.png)

`ngVideo` utilises [Angular.js directives](https://docs.angularjs.org/guide/directive) extensively which compartmentalises the various components that make-up the overall `ngVideo` experience &ndash; meaning you get to pick and choose which components you wish to utilise.

Directive Requirements
-------------------

When using `ngVideo`, the **only** required directive is the main `ng-video` directive which handles all of the core logic, as well as the `vi-screen` directive which is the player itself. All other directives **are** *optional*.

Getting Started
-------------------

**Terminology:** When we mention `videoModel` we mean the `object` that is returned from `addSource`.

Starting to use `ngVideo` is a breeze! Firstly you **must** define the container which will contain your *video* node.

```html
<section class="video" ng-video>
```

**Note:** You can load multi-sources for each video for fallback purposes with [`multiSource`](#multi-source)`.

You then need to fulfill the only other requirement for `ngVideo` &ndash; the `video` node:

```html
<video vi-screen></video>
```

After that you have all that's necessary to begin playing videos &ndash; albeit without any user control.

`ngVideo` ships with a simple service that can be injected into your controllers, directives, services, et cetera... Since the `video` service is what's used for adding video sources, we'll inject `video` into one of our controllers:

```javascript
myApp.controller('VideoController', ['$scope', 'video', function($scope, video) {

    /* Controller... */
    
}]);
```

We can then subsequently add video sources to be played. For this grab yourself a [valid video source](http://www.w3schools.com/html/mov_bbb.mp4) and add it:

```javascript
video.addSource('mp4', 'http://www.example.com/alice-in-wonderland.mp4');
```
{'fraction_non_alphanumeric': 0.15993084071752756, 'fraction_numerical': 0.004322455154527772, 'mean_word_length': 4.412865497076023, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, 'https://': 8, 'lorem ipsum': 0, 'www.': 6, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2417687', 'n_tokens_mistral': 1437, 'n_tokens_neox': 1366, 'n_words': 487}