在使用zblogphp的時候，可能偶爾需要插入優酷等網站視頻，一般PC上播放視頻是沒有什么問題的，不管是插入視頻的flash網址、通用網址，還是html代碼都可以，因為電腦上一般都有flash插件！
而在移動端手機上，必須插入通用代碼，也就是iframe代碼，框架就不需要使用設備自帶flash插件就可播放，所以為了PC和手機端都可以正常播放，最好的辦法就是使用通用代碼！
問題來了：通用代碼PC上顯示正常，手機端的尺寸有問題，視頻太寬以至于顯示不全！
問題原因：如上圖，通用代碼里默認使用了height=498 width=510的高和寬固定尺寸，這時候視頻的尺寸優先執行iframe里的高寬，導致PC正常，手機端視頻溢出！
解決辦法：
首先，使用通用代碼的時候，復制代碼后，要去除代碼中的高寬屬性，直接刪除height=498 width=510，此時視頻默認使用最小窗口，但都不是最佳尺寸。
使用CSS進行調整：
比如：
.article-content iframe{width: 510px; height: 498px;}
@media screen and (max-width: 980px) {
.article-content iframe{width: 100%; height:inherit;}
}.article-content是文章內容區域父元素，iframe就是視頻框架的意思，在正常情況下，也就是PC上這個框架顯示寬度510px和高度498px。
下一句當屏幕寬度低于980px像素時候，執行這個視頻框架為寬度100%，就是在屏幕低于980px的移動設備上，此時視頻窗口為100%寬度，符合手機端顯示要求。
優化后電腦PC端效果：
手機端效果：
