腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(303)
视频
沙龙
1
回答
如何
强制
固定
纵横
比
的
youtube
iframe
始终
留在
容器
内
?
css
、
flexbox
基本上,我有一个来自
youtube
的
iframe
嵌入,它是在一个
容器
,给它一个
固定
的
长宽
比
与以下CSS。top: 0; width: 100%;} 我想要
的
是调整
Youtube
播放器
的
大小,使其完全
留在
浏览器窗口中,而不管它
的
形状是什么。在下面的窗口形状中,它可以正常工作(黑色方块是窗口,红色方块是视频,其
固定</
浏览 17
提问于2021-05-01
得票数 1
1
回答
当存在多个
iframe
时
如何
做出响应
iframe
html
、
css
、
iframe
这很好,直到我有两个或更多的如果在同一个
容器
中,那么他们只是重叠对方,因为他们都有相同
的
绝对位置。创建响应性
YouTube
嵌入
的
关键是使用填充和
容器
元素,这允许您给它一个
固定
的
纵横
比
。您还可以在大多数其他基于<em
浏览 4
提问于2017-07-26
得票数 0
3
回答
使
YouTube
视频全宽
固定
高
html
、
css
、
youtube
、
height
、
width
我想要显示一个全宽
的
YouTube
视频与700px
的
高度。下面是我
的
嵌入代码: title="
YouTube
videoplayer" width="100%" height="100%" src=&q
浏览 1
提问于2016-01-27
得票数 1
1
回答
YouTube
/Vimeos能适应他们
的
身高到宽度(CSS)吗?
html
、
css
、
video
、
iframe
、
youtube
我使用了标准
的
Youtube
嵌入代码,例如: <
iframe
width="960" height="720" src="http://www.
youtube
.com/embed/VIDEO_ID" frameborder="0" allowfullscreen
浏览 1
提问于2012-07-26
得票数 4
回答已采纳
5
回答
嵌入
YouTube
视频时自动高度?
html
、
css
、
video
、
youtube
我已经嵌入了一个
YouTube
视频在我
的
网站上,但问题是,我需要高度自动调整,根据宽度和宽高比
的
视频。所以,如果我
的
宽度是1280,如果视频是16:9,我
的
身高应该是720。我试过使用'VW‘和'VH’单位,但这些似乎不适用于
iframe
。我
的
宽度已经按比例设置了。我
的
代码如下: <
iframe
style="margin-right: 1%; margin-left: 1%;" widt
浏览 0
提问于2016-03-05
得票数 62
回答已采纳
3
回答
如何
将最大尺寸添加到我
的
youtube
视频?
html
、
css
我刚接触stackoverflow和一般
的
网页设计,所以如果这是一个简单
的
修复(可能是,我还在学习中),或者如果我
的
方言不正确,我道歉。 </div> <
浏览 0
提问于2019-06-27
得票数 0
2
回答
在非常特定
的
情况下放置相对于另一个元素
的
元素
css
我想在
Youtube
视频
的
右上角放置一个元素(
iframe
)。 备注:注意右上角
的
白色十字。
iframe
在
容器
内
,它会扩展到最大宽度(在本例中是20 yet ),当
容器
变窄时,它会收缩,
纵横
比为16:9 (向同样被迫使用52%填充技巧
的
老人大声呼喊,而
纵横
比
在CSS中还不是一件事!)aspect-ratio: 16 / 9; width: 100
浏览 3
提问于2022-08-03
得票数 0
回答已采纳
1
回答
全宽、定高视频
wordpress
、
html
、
html5-video
我想在我
的
WordPress站点上
的
内容之间显示一个视频,我希望这个视频占据整个页面的宽度和
固定
的
高度。视频可以根据需要进行缩放和裁剪。我也更喜欢从
YouTube
,Vimeo等网站流媒体,因为当视频是自托管
的
时候,网站
的
性能会受到一些阻碍。 已经使用
YouTube
IFrame
player应用编程接口获得了最接近预期
的
结果。实际
的
容器
按照我想要
的
方式运行,但是视
浏览 12
提问于2018-02-26
得票数 1
1
回答
如何
同时设置HTML5视频
的
高度和宽度?
css
、
html
这就是我想要达到
的
效果:但我尝试了代码:video {width: auto; height: 100%} 具有自动高度功能
的
图像:那么我该怎么做呢?
浏览 0
提问于2014-12-04
得票数 0
1
回答
针对响应式设计
的
扩展iframes仅CSS
html
、
css
、
iframe
、
responsive-design
很多网站都嵌入了
Youtube
视频。
Youtube
现在可以在手机上使用了。如果响应式设计将成为一件事,为什么它不应该成为包含
Youtube
视频
的
iframe
的
事情呢?缩放
iframe
宽度很容易,但为了保持高度
的
相对,我发现了javascript、jQuery和php
的
大块,对于一个网页设计初学者来说,这些都是相当深奥
的
。我想要一个简单
的
方法来缩放
iframe
的
高度
浏览 2
提问于2014-01-11
得票数 8
回答已采纳
3
回答
全屏播放
youtube
视频
javascript
、
html
、
css
、
youtube
我知道这个问题已经被问了无数次了,但我似乎无法解决我
的
问题。因此,我在我
的
网站上添加了
youtube
视频
iframe
,当视频没有播放时,它会全屏显示。HTML: <
iframe
height="450" src="https://www.
youtube
.com/embed/ftAQc3L1gR4?> CSS:
iframe
video { width: 100% inherit !im
浏览 33
提问于2019-12-18
得票数 0
回答已采纳
1
回答
YouTube
视频:适合非16:9父亲
的
内容(背景尺寸:封面)
javascript
、
css
、
iframe
、
youtube-api
是否有方法在object-fit: cover或background-size: cover上模拟
YouTube
iframe
或使用API? 请注意,视频
的
容器
不是16:9
的
比例。如果有一个可以适用于所有比例
的
解决方案或公式,那就太好了。
浏览 0
提问于2018-05-14
得票数 1
回答已采纳
1
回答
带有viewBox和preserveAspectRatio="none“
的
SVG元素,内部只有
容器
div
的
宽度。
html
、
css
、
svg
在代码页中,我有一个svg元素,它具有以下两个属性:
如何
使svg
始终
适合.holder div?
浏览 2
提问于2019-05-15
得票数 0
6
回答
缩放
iFrame
css宽度100%类似于图像
css
、
iframe
、
responsive-design
我想通过CSS缩放一个
iFrame
到width: 100%,高度应该与宽度成比例缩放。图像和
iFrame
都在html中定义了宽度和高度。lorempixel.com/200/150/" width="200" height="150" /> </body> 这在图像上效果很好,但我希望iFrames也有同样
的
行
浏览 0
提问于2012-06-20
得票数 60
2
回答
在div中按比例适配图像-图像不应被裁剪
jquery
、
css
、
image
、
responsive-design
我读过一堆关于在div中拟合图像
的
帖子,但还没有解决我
的
问题:
如何
确保图片
始终
留在
包含
的
div中,同时保持
纵横
比
?
浏览 0
提问于2012-11-23
得票数 1
1
回答
将多张不同大小
的
图片放入
固定
宽度
的
一行中,并调整高度
html
、
css
、
image
、
flexbox
、
alignment
考虑3个(或更多)图像,它们都在
固定
宽度
的
div中具有不同
的
大小和
纵横
比
(例如width:100%): <img src="1.png"> <img src="3.png">
如何
强制
所有图像具有相同
浏览 1
提问于2017-09-03
得票数 1
5
回答
将div
内
的
图像与响应高度垂直对齐
html
、
css
、
responsive-design
、
vertical-alignment
我有下面的代码,它设置了一个
容器
,当浏览器调整大小时,这个
容器
的
高度会随着宽度
的
变化而变化(以保持正方形
的
纵横
比
)。} position: absolute; bottom: 0; right: 0;
如何
在
容器
内
垂直对齐我所有的图像都有可变
的
高度,
容器
不能有
固
浏览 42
提问于2013-08-30
得票数 138
回答已采纳
3
回答
自举和
固定
iframe
html
、
css
、
twitter-bootstrap
在我当前
的
项目中,我想添加一个
iframe
。更具体地说,每当用户单击他或她要查看
的
页面的某个区域(锚标记)时,我都想显示一个
iframe
,并且应该以包含CSS属性position: fixed;
的
方式显示它。我在Bootstrap网站上看了一看,经过一些搜索后,我找不到太多关于这个
的
东西。 有人能解释我怎么做一个反应灵敏
的
固定
<
iframe
>吗?class="embed-responsive-item"
浏览 6
提问于2016-03-26
得票数 0
2
回答
基于嵌入式
Youtube
视频
的
响应布局问题
php
、
html
、
css
、
youtube
、
responsive-design
这使我想到我
的
问题: I
的
问题是将3div堆在另一个上面(在视频DIV
的
左窗格中),这样它们就不会相互重叠,填充父div
的
整个空间,并根据设备/浏览器
的
大小(同时保持
youtube
视频
的
纵横
比
)来调整大小;一个div包含当前选定视频
的
视频标题,另一个包含来自
youtube
的
实际嵌入式
iframe
/已显示视频,底部一个包含当前播放视频
的<
浏览 3
提问于2015-01-20
得票数 0
8
回答
iFrame
自动高度(CSS)
html
、
css
、
iframe
、
height
我
的
iframe
有问题。我真的希望框架能够根据
iframe
中
的
内容自动调整高度。我真的很想在没有javascript
的
情况下通过CSS来做到这一点。但是,如果我也有,我会使用javascript。这是我
的
CSS。对于框架..。#frame { overflow: hidden; height: 100%;然后是框架
的
页面。" class="navigation&
浏览 1
提问于2014-06-11
得票数 39
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
什么是宽高比和定义?您是否发现自己在想:什么是宽高比?
WEB开发技术基础知识整理——CSS
如何解决“Serverless”系统的冷启动问题
微软Edge浏览器Dev 86更新:支持新选项卡页自定义背景
在通往多云环境的道路上保护数据中心
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券