找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3187|回复: 3

网站嵌入腾讯视频,高度怎么设置,根据宽度而变化

[复制链接]
发表于 2017-3-27 09:47:20 | 显示全部楼层 |阅读模式 来自 中国–河北–唐山
本次悬赏总金额:50 金币 | 剩余悬赏金额:50 金币
本次悬赏到期时间: 本悬赏贴永不过期。
快来加入[悬赏团队],每次获得楼主奖励时可获得系统额外20金币的系统奖励。

只允许悬赏会员本人发放悬赏金币 | 只允许悬赏会员本人收回悬赏金币 | 最多悬赏人数:10人
还没有会员获得悬赏奖励,加油,快来争头奖!

是这样的,想嵌入腾讯视频,但由于,手机版跟电脑版网页宽度不同,我只得把宽度设置了100%
宽度显示正常了,但高度还是以前的高度,设置高了手机端不行,设置低了电脑端不行,求指导怎么让手机端电脑端同事都正常显示

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2017-3-28 14:15:59 | 显示全部楼层 来自 中国–河南–郑州
你嵌入的应该是腾讯视频的在线播放器,这个一般不会随着屏幕宽度的增加而进行高度的变化。如果是想要在手机端和电脑端通用的话,你可以用js来进行高度调整,也可以用css3的media和视口标签来进行限制,一般手机的手机宽度在768以下,你可以设置阀值为768,代码如下
页头加入限制视口的元标签:
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0">
css格式如下:
<style>
        @media screen and (max-width: 768px) {
                这里写你的手机端想要的宽度和高度
    }
        @media screen and (min-width: 769px) {
                这里写你的电脑端想要的宽度和高度
    }
}
</style>
阀值可以根据自己需要进行调整

评分

参与人数 1金币 +3 收起 理由
抢楼评分专号 + 3 很幸运,你获得了抢楼奖励!

查看全部评分

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复

使用道具 举报

发表于 2017-4-9 08:50:32 | 显示全部楼层 来自 中国–河南–南阳
【飞鸟】视频播放器 2.0 http://addon.discuz.com/?@fn_play.plugin
用这个插件很方便

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复

使用道具 举报

发表于 2017-6-17 16:39:09 | 显示全部楼层 来自 中国–重庆–重庆
(max-width: 768px),改一下这个数据就可以了。

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-11-22 13:16 , Processed in 0.051243 second(s), 15 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表