上集回顾：
昨天讲了页面如何根据不同的设备尺寸做出响应。主要是利用了@media命令以及尺寸百分比化这两招。
上集补充：
其中，利用以下CSS设置让图片或视频大小不超过设备屏幕的宽度：
复制代码代码如下:
img, object{
max-width:100%;
}
这一语句一般加在@media screen and (max-width:481)的判断内，主要是让手机用户在查看网页时图片不至于比手机屏幕还大。
这一招在《Head First Moblie Web》中被称为“Fluid Image Technique”。
视频能够做成响应式吗？
除了图片以外，还有一种常见的多媒体形式是视频。有时在web设计中，根据需要会在页面中加入视频，一般视频都是上传到youtube、土豆/优酷、新浪等网站上后，再用链接的形式加入到我们的网页中。
为什么在iphone上看不到youtube视频？（在境外）
在IOS上查看网页视频时，在不越狱安装插件的情况下，是没法看flash格式的视频的，因为iphone上的浏览器不支持Adobe Flash，这跟苹果等公司的商业竞争政策有关，咱也没办法。对于这一问题，使用youtube视频源的web设计有一个解决方案，就是将原来嵌套在网页中的object embed格式的代码段替换成新的代码段。
如，旧的页面嵌套代码段为：
复制代码代码如下:
将其替换为：
复制代码代码如下:
可以看到，两个视频的出路其实是不同的，youtube将用于移动设备显示的嵌入型视频放在embed目录下，这样大部分的移动设备就可以正常观看视频了。
国内的视频源可以用