The HTML markup for a wijvideo widget looks like this.
Drop down to view markup
Markup |
Copy Code
|
<video controls="controls" id="vid1" width="720" height="486">
<source src="http://cdn.wijmo.com/movies/wijmo.theora.ogv" type='video/ogg; codecs="theora, vorbis"'>
<source src="http://cdn.wijmo.com/movies/wijmo.mp4video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
</video> |
You can initialize the widget with the following jQuery script.
Drop down to view script
Script |
Copy Code
|
<script type="text/javascript">
$(document).ready(function () {
$('#vid1').wijvideo();
});
</script> |
The markup and script featured here results in the following live widget. Mouse over Video to see the animation.
See Also
Concepts
Reference