{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

使用CSS实现嵌入Flash视频自适应长宽

为了嵌入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%;
}
 

在前端文件中调用方式为:


<p class="video"><iframe src="http://player.youku.com/embed/XOTI3MjU1MTIw" frameborder="0" allowfullscreen=""></iframe></p>
 
资源均来自第三方,谨慎下载,前往第三方网站下载


米微资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:使用CSS实现嵌入Flash视频自适应长宽
喜欢 ()分享 (0)