Css 使嵌入式视频响应

第一次海报，期待参与

我正在尝试将一个来自私人托管服务（我在一所大学工作）的视频嵌入到我们的网站，但我很难让它响应。与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（并将嵌入代码放入适当的div中）简单地用Youtube视频解决了这个问题

.视频容器iframe，
.视频容器对象，
.视频容器嵌入{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}

---

然而，这在这里根本不起作用。我找不到编辑嵌入代码的方法，也找不到任何与此相关的提示。如果有人有任何想法，我将非常感激

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

---

我想这个用于fluid width视频嵌入的jQuery插件可能会对您有所帮助，看看吧

---

我用CSS来做这件事。对于我的使用（将Vimeo的视频嵌入到响应站点），这在我测试过的浏览器中非常有效：

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

---

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

我使用CSS来实现。对于我的使用（将Vimeo的视频嵌入到响应站点），这在我测试过的浏览器中非常有效：

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

---

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

感谢您的提示，但不幸的是，这似乎没有任何作用，除非我添加了错误的内容。如果有任何事情，它只是强迫视频的尺寸和页面的其余部分已响应它，虽然看的细节，我不认为我使用的视频播放器是支持的。有一个选项添加您自己的视频供应商。查看此处的文档了解更多详细信息。这似乎仍然不起作用。它只是裁剪视频，而不是调整大小。我想这可能是由于视频源url中的“&width=640&height=385”细节造成的。如果我删除了它，视频就会一起消失。谢谢你的提示，但不幸的是，这似乎没有任何作用，除非我添加了错误的内容。如果有任何事情，它只是强迫视频的尺寸和页面的其余部分已响应它，虽然看的细节，我不认为我使用的视频播放器是支持的。有一个选项添加您自己的视频供应商。查看此处的文档了解更多详细信息。这似乎仍然不起作用。它只是裁剪视频，而不是调整大小。我想这可能是由于视频源url中的“&width=640&height=385”细节造成的。如果我删除它，视频就会一起消失