HTML5實踐 -- 使用CSS 實作彈性視訊

　　使用html5的video，可以通過設定max-width:100%讓他變得靈活。前面的介紹中，已經提到他不适用于常用的iframe和object中的内嵌代碼。

　　這個技巧相當簡單，你需要為video添加一個<div>容器，并且将div的padding-bottom屬性值設定在50%到60%之間。然後設定子元素（ifame或者object）的width和height為100%，并且使用絕對定位。這樣會迫使内嵌對象自動擴充到最大。

　　如果限制了視訊的寬度，那麼我們需要一個額外的<div>容器包裹video，并為div設定固定寬度和max-width:100%。

　　這個技巧支援所有的浏覽器，包括：Chrome, Safari, Firefox, Internet Explorer, Opera, iPhone 和 iPad。

<a href="http://www.cnblogs.com/softlover/tag/HTML5%E5%AE%9E%E8%B7%B5/">HTML5實踐系列</a>

<a href="http://www.vancl.com/?source=kbh1983&amp;sourcesuninfo=ad-3090-1-52-0-1" target="_blank"></a>