使用CSS实现嵌入FLASH视频自适应长宽
发布时间 | 2018/3/22 点击 | 次
为了嵌入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%; }然后后台发布视频编辑器里HTML部分为:
<p class="video"><iframe src="视频网址" frameborder="0" allowfullscreen=""></iframe></p>