怎样使用CSS实现嵌入FLASH视频自适应长宽
发布时间：2022-04-30 11:12:11 所属栏目：经验 来源：互联网
导读：为了嵌入FLASH视频并使其自适应长宽，我们为所有开发人员准备了一个非常有用的CSS技巧。在我进一步之前，我想引入介绍这个CSS技巧并帮助很多开发者嵌入交互视频的网站。 部分CSS样式代码如下； .video {position: relative;padding-bottom: 56.25%;height: 0
为了嵌入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> 这样就可以了！ （编辑：葫芦岛站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐