Skip to content

rwaldron/mediagroup.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

mediagroup.js

Adds declarative support for mediagroup attributes on HTML5 Media Elements (video/audio)

Usage

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.

Example

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages