为了嵌入FLASH视频并使其自适应长宽，我们为所有开发人员筹备了一个非常有用的CSS技巧。正在我进一步之前，我想引入介绍这个CSS技巧并资助很多开发者嵌入交互视频的网站。 部门CSS样式代码如下；
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
.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最后！
然后后台宣布视频编纂器里HTML部门为
<p class="video"><iframe src="http://player.youku.com/embed/XOTI3MjU1MTIw" frameborder="0" allowfullscreen=""></iframe></p>
这样就可以够了！
转载请注明： 帝国CMS模板 » 如何使用CSS实现嵌入FLASH视频自适应长宽
*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
