<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
这是HTML5R 的页面的结构。
如图所示，在chrome中按下F12打开调试，将chrome伪装成移动浏览器，打开youku就会自动匹配到，里面的视频都是html5支持的，然后你在抓取视频，下载打开都行
IE9支持部分，IE10+支持。Chrome3-5支持大部分，Chrome6+支持。iPad3.2+自带浏览器支持大部分。操作方法如下：
1、首先创建一个新的html文件，简单重置样式，添加canvas，给画布一个红色背景。
2、这里用jquery写，所以先引入jquery，可以看到默认下的canvas的画布大小 300*150。
3、编写resizeCnavas方法，用来动态获取并改变canvas的大小。
4、在页面加载完先对canvas进行一次画布的设置。
5、窗口大小发生改变时，动态调用上面的方法。
6、最后再次打开浏览器，就获得了自适应的canvas画布。
