當(dāng)我編碼Elemin Theme（我最近設(shè)計(jì)的一個(gè)響應(yīng)式的站點(diǎn)）的時(shí)候，我遇到的一個(gè)跳幀就是，如何能讓嵌入式的視頻在尺寸變化上變得更加靈活。使用max-width:100% 和height:auto可以讓HTML5/">html5的video標(biāo)簽很好的工作，但是這個(gè)解決方案不適用于iframe 或者 object標(biāo)簽的內(nèi)嵌代碼。通過幾小時(shí)的尋找資料和實(shí)驗(yàn)，我最終找到了解決辦法。當(dāng)你在進(jìn)行響應(yīng)式設(shè)計(jì)的時(shí)候，這一css技巧能派上用場。

靈活的html5 video標(biāo)簽
使用html5的video，可以通過設(shè)置max-width:100%讓他變得靈活。前面的介紹中，已經(jīng)提到他不適用于常用的iframe和object中的內(nèi)嵌代碼。