two-sides

Angular directive that allows two Youtube videos to be played in sync. Only one video will be on the screen at a time, to switch videos press the key that is set on the directive.

Homepage

Angular Core Dependency: ^1.3.16

Module License: MIT

Added by: Sam Deering

GitHub

Repository

httpete-ire/two-sides

Stats

Stars: 11

Watchers: 11

Forks: 0

Module Description

Two sides

Based on the excellent Honda otherside website, this Angular directive allows two Youtube videos to be played in sync. Only one video will be on the screen at a time, to switch videos press the key that is set on the directive.

##Documentation

Include twoSides module source file in html

 <script src="path/to/two-sides.js"></script>

Set the module as a dependecy of your angular app

angular.moudle('myApp', ['twoSides']);

Then declare the revealer directive in your html.

<two-sides main-video="HtXAT2QgvHE" hidden-video="6vic5g7Gr3E" key="32" autoplay="true"></two-sides>

###Directive attributes

####main-video

main-video="HtXAT2QgvHE"

YouTube video ID of main video

####hidden-video

hidden-video="6vic5g7Gr3E"

YouTube video ID of hidden video

####autoplay (optional)

autoplay="true"

Set whether videos should automatically start to play (defaults to false)

####key (optional)

key="32"

Keyboard key to trigger swtich of videos. (defaults to the Space key)

Module stats last updated: 2017-03-17 16:00:05

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!