マークアップとスクリプティング

wijvideo ウィジェットの HTML マークアップは次のようになります。

マークアップ	コードのコピー
<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>

マークアップ

コードのコピー

<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>

次の jQuery スクリプトでウィジェットを初期化できます。

スクリプト	コードのコピー
<script type="text/javascript"> $(document).ready(function () { $('#vid1').wijvideo(); }); </script>

ここで説明しているマークアップとスクリプトの結果は次のようになります。Video にマウスポインタを合わせると、アニメーション表示されます。

関連トピック

参照