<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Fun with &lt;video&gt; and &lt;canvas&gt; {Flicker}</title>
        <style type='text/css'>
            @import url('data/genericstyle.css');

            hr {
                margin: 5px 0;
                border-color: #fff;
            }
        </style>
        <script type="text/javascript" src="videocanvas1.js"></script>
        <script type="text/javascript">
            window.onload = function() {processor.doLoad();}
        </script>
    </head>
    <body>
        <div>
            <video id="video" src="media/video.ogv" controls="true" autoplay="true" />
        </div>
        <div>
            <canvas id="c2" width="160" height="96" />
        </div>
        <div class="clear"></div>
        <div>
            <p>Video clip &copy; copyright Blender Foundation | <a href="http://www.bigbuckbunny.org">www.bigbuckbunny.org</a></p>
            <p>Licensed under the <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 license</a></p>
            <hr />
            <p>Code and XHTML partly taken from <a href="http://www.mozbox.org/pub/green/index.xhtml">an example from mozbox</a>.</p>
        </div>
        <div class="clear"></div>
        <div>
            <p><a href=".">Back to index</a></p>
        </div>
    </body>
</html>