引用优酷视频腾讯视频等第三方视频实现电脑端和手机端视频长度和宽度自适应浏览器

第一种办法:用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部分为

1

class=”video”>

第二种办法:用JS实现第三方视频引用实现电脑端和手机端视频长度和宽度自适应浏览器:

目前共 0 条评论