No description, website, or topics provided.
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src cache string for better compression Sep 15, 2011
test Removes old example files and add new usecase.html file Sep 15, 2011
.gitignore Initial commit. Adds .gitignore Sep 13, 2011
Jakefile.js Fix minified lic header Sep 15, 2011
readme.md Adds download, build instruction Sep 15, 2011

readme.md

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