html 调整视频大小并保持响应速度

q5iwbnjs 于 12个月前发布在其他

关注(0)|答案(2)|浏览(113)

我正在尝试使嵌入式Vimeo视频在网页上看起来更小。目前它的响应，并希望保持它的响应。它看起来太大了，现在在网络上（与移动的大小满意）虽然-它如何使它更小？

.video_wrapper {
    position: relative;
    padding-bottom: 56.25%;
}

.video_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

个字符
先谢谢你了！

Html

来源：https://stackoverflow.com/questions/41997243/adjusting-video-size-and-keeping-it-responsive

2条答案

按热度按时间

ghg1uchk1#

您可以将width和height更改为：

.video_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

字符串
例如，将其设置为90%。

赞(0）回复(0）举报 12个月前

wgx48brx2#

这样的东西应该是可行的：

.video_wrapper iframe {
    width: 75%;
    height:75%;
    margin: auto;
    padding: 0;
    background-color: transparent;
    overflow: hidden;
}

字符串
看起来，我已经把背景：透明，并把利润：自动保持居中。

赞(0）回复(0）举报 12个月前

我来回答

html 调整视频大小并保持响应速度

2条答案

相关问题

热门标签

最新问答