Wijmo UI for the Web
Markup and Scripting
The HTML markup for a wijvideo widget looks like this.
| 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.
| 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.