前面插入的视频网站都是固定宽高比，在手机上无法产生自适应效果，让手机浏览不能完全显示视频内容，所以为了嵌入第三方视频并使其自适应长宽，我在css样式里面加入如下代码，以此来实现电脑，平板，以及手机和其他移动端的自适应，现在写出来供大家参考：

.video {

position: relative;

padding-bottom: 56.25%;

height: 0;

overflow: hidden;

}

.video iframe,

.video object,

.video embed {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

将上面的CSS放到模板的主CSS里面，比如CSS最后！

然后后台发布视频编辑器里为通用代码定义video样式，具体HTML部分为

<p class="video">

<iframe src=http://player.youku.com...(具体链接地址） frameborder="0" allowfullscreen=""></iframe>

</p>

这样自适应就做成功了，当然若想设置固定宽高比，只需复制通用代码到HTML编辑器里面，无需定义class即可实现。