JarCasting
JarCasting JarCasting

ng-videosharing-embed

WebJar for ng-videosharing-embed

License

License

MIT
Categories

Categories

IDE Development Tools
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

ng-videosharing-embed
Last Version

Last Version

0.3.7
Release Date

Release Date
Type

Type

jar
Description

Description

ng-videosharing-embed
WebJar for ng-videosharing-embed
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/erost/ng-videosharing-embed

Download ng-videosharing-embed

Filename Size
ng-videosharing-embed-0.3.7.pom
ng-videosharing-embed-0.3.7.jar 5 KB
ng-videosharing-embed-0.3.7-sources.jar 22 bytes
ng-videosharing-embed-0.3.7-javadoc.jar 22 bytes
Browse

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/ng-videosharing-embed/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>ng-videosharing-embed</artifactId>
    <version>0.3.7</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/ng-videosharing-embed/
implementation 'org.webjars.bower:ng-videosharing-embed:0.3.7'
// https://jarcasting.com/artifacts/org.webjars.bower/ng-videosharing-embed/
implementation ("org.webjars.bower:ng-videosharing-embed:0.3.7")
'org.webjars.bower:ng-videosharing-embed:jar:0.3.7'
<dependency org="org.webjars.bower" name="ng-videosharing-embed" rev="0.3.7">
  <artifact name="ng-videosharing-embed" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='ng-videosharing-embed', version='0.3.7')
)
libraryDependencies += "org.webjars.bower" % "ng-videosharing-embed" % "0.3.7"
[org.webjars.bower/ng-videosharing-embed "0.3.7"]

Dependencies

compile (1)

Group / Artifact Type Version
org.webjars.bower : angular jar [1.2.0,)

Project Modules

There are no modules declared in this project.

ng-videosharing-embed

Embed videos using AngularJS directives

Build Status

Purpose

A small project I've started while learning angularJS. It has no real purpose other than educational.

Donate

Examples

http://erost.net/ng-videosharing-embed/

Usage

Install

  • $ bower install ng-videosharing-embed
  • $ npm install ng-videosharing-embed

Once installed, add videosharing-embed as a dependency in your module:

  • angular.module('myModule', ['videosharing-embed']);

Requirements

  • AngularJS v1.2.0+ is supported

Supported Video Sources

  • Youtube (standard and nocookies, iframe, JS API support)
  • Dailymotion (iframe, JS API support)
  • Vimeo (iframe, JS API support)
  • Youku (iframe, tentative)
  • Vine (iframe, with embed script)

Note on JS API:

Each iframe should be identified with a unique id. That ID can be configured by iframe-id

Example

<embed-video iframe-id="vimeo1" api="1" player_id="vimeo1" ng-href="//vimeo.com/111690998"><a href="//vimeo.com/111690998">Watch</a></embed-video>

Test

Generic

<embed-video href="<videoUrl>" width=xxx height=xxx [force-protocol="ANY"] [options]></embed-video>

Example

<embed-video data-ng-href="http://www.youtube.com/watch?v=LOKyEt36Kjc" controls=0><a href="http://www.youtube.com/watch?v=LOKyEt36Kjc">Watch</a></embed-video>

Example protocol override (note without ':')

<embed-video data-ng-href="http://www.youtube.com/watch?v=LOKyEt36Kjc" force-protocol="https" controls=0><a href="http://www.youtube.com/watch?v=LOKyEt36Kjc">Watch</a></embed-video>

Callback example

<embed-video data-ng-href="{{videoUrl}}" on-change="videoSelected(videoId, provider)" controls=0><a href="http://www.youtube.com/watch?v=LOKyEt36Kjc">Watch</a></embed-video>
...
$scope.videoSelected = function(videoId, provider) {
    if (videoId) {
        console.log("Video from " + provider + " with id " + videoId + " was selected");
    } else {
        console.log("No valid URL entered");
    }
}
...

Player's options are unique for each video source. For a list of available options, take a look at src/angular-embedplayer.js, or the player official documentation

Versions

Version
0.3.7
0.3.4