嵌入FLASH视频并使其自适应长宽的非常有用的CSS技巧

为了嵌入FLASH视频并使其自适应长宽，我们为所有开发人员准备了一个非常有用的CSS技巧。在我进一步之前，我想引入介绍这个CSS技巧并帮助很多开发者嵌入交互视频的网站。 部分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最后！

然后后台发布视频编辑器里HTML部分为

<p class="video"><iframe src="http://player.youku.com/embed/XOTI3MjU1MTIw" frameborder="0" allowfullscreen=""></iframe></p>

这样就可以了！

未经允许不得转载：Just My Socks中文教程网 » 嵌入FLASH视频并使其自适应长宽的非常有用的CSS技巧