关灯

iframe,object,embed标签嵌入视频后 宽高度自适应的css修改方法

1
回复
410
查看
打印 上一主题 下一主题
[复制链接]

105

主题

107

帖子

614

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
614
楼主
发表于 2018-12-10 21:00:24 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
?
我们一般给网页加入腾讯视频的时候,直接复制分享代码比如这段
[AppleScript] 纯文本查看 复制代码


但是在网页的时候就会很小,如果我们设置了宽度和高度都是100%的话??只有宽度自适应高度不变,很郁闷。
这时候我们最好加下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%;
}


比如这么写了
[AppleScript] 纯文本查看 复制代码

这里加腾讯视频分享来的代码


分享到:? QQ好友和群QQ好友和群
收藏0
分享
?

105

主题

107

帖子

614

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
614
沙发
发表于 2018-12-10 21:26:54 | 只看该作者
?
?
您需要登录后才可以回帖 登录 | 立即注册 ??扫一扫,用微信登录

本版积分规则

Copyright ???2015-2016??精品资源网Powered by?Discuz!??( 陕ICP备17013443号-1 )