1

第一次发帖，期待参与。

我正在尝试将来自私人托管服务（我在大学工作）的视频嵌入到我们的网站中，但无法使其响应。与 Youtube 或 Vimeo 视频不同，高度和宽度似乎在“src”中定义，如下所示：

<iframe width="640" height="385" src="http://videolibrary.sheffield.ac.uk/player?autostart=n&fullscreen=y&width=640&height=385&videoId=6432&quality=hi&captions=n" frameborder="0" scrolling="no"></iframe>

在使用以下 CMS 之前，我已经设法通过 Youtube 视频非常简单地解决了这个问题（并将嵌入代码放在适当的 div 中）

    <style type="text/css">
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}</style>

但是，这在这里行不通。我找不到编辑嵌入代码的方法，也找不到任何与此相关的提示。如果有人有任何想法，我将不胜感激！

4

2 回答 2

1

我想这个用于流体宽度视频嵌入的 jQuery 插件可能会对你有所帮助，看看吧！

http://fitvidsjs.com/

于 2013-07-24T10:32:46.413 回答
0

我使用 CSS 来做到这一点。对于我的用途（在响应式网站上嵌入来自 Vimeo 的视频），这在我测试过的浏览器中效果很好：

@media screen and (max-width: 750px) {
    iframe {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
    }
}

它不需要图像占位符，因此非常简单。

于 2015-06-22T18:09:22.707 回答