Adds declarative support for mediagroup
attributes on HTML5 Media Elements (video/audio)
To use the mediagroup
attribute, simply include a built copy of mediagroup.js
script in your HTML. You can get this script by clicking "Downloads" on this page. Otherwise, fork, clone and build your own copy from the repo.
Create a Picture-In-Picture where the inner video is synced with the outer video:
<script src="mediagroup.js"></script>
<video class="controller" controls mediagroup="pip">
<source src="assets/popcorntest.mp4"></source>
<source src="assets/popcorntest.ogv"></source>
<source src="assets/popcorntest.webm"></source>
</video>
<video mediagroup="pip">
<source src="assets/popcorntest.mp4"></source>
<source src="assets/popcorntest.ogv"></source>
<source src="assets/popcorntest.webm"></source>
</video>
Jakefile
jake
(lone command will run all)
minify - UglifyJS on all application code
hint - JSHint on all application code
clean - delete generated files