當我編碼Elemin Theme（我最近設計的一個響應式的站點）的時候，我遇到的一個跳幀就是，如何能讓嵌入式的視頻在尺寸變化上變得更加靈活。使用max-width:100% 和height:auto可以讓HTML5/">html5的video標簽很好的工作，但是這個解決方案不適用于iframe 或者 object標簽的內嵌代碼。通過幾小時的尋找資料和實驗，我最終找到了解決辦法。當你在進行響應式設計的時候，這一css技巧能派上用場。
靈活的html5 video標簽
使用html5的video，可以通過設置max-width:100%讓他變得靈活。前面的介紹中，已經提到他不適用于常用的iframe和object中的內嵌代碼。
<div class="video-container">
<iframe src="http://player.vimeo.com/video/6284199?title=0&byline=0&portrait=0" width="800" height="450" frameborder="0"></iframe>
</div>
<div class="video-wrapper">
<div class="video-container">
<iframe src="http://player.vimeo.com/video/6284199?title=0&byline=0&portrait=0" width="800" height="450" frameborder="0"></iframe>
</div>
<!-- /video -->
</div>
<!-- /video-wrapper -->
