如何在 HTML 中嵌入 Vimeo 视频？

Question

在 HTML 中，您可以使用 <iframe src="https://youtube.com/embed/videoId> 元素嵌入 YouTube 视频。但是，如何使用 <iframe> 元素嵌入 Vimeo 视频？

原文由 user13096898 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您已登录 Vimeo，请转到您的视频设置，应该有一个菜单“嵌入”。单击此项，您将获得各种嵌入选项。

在窗口的右侧（您的个人资料图标下方）将有一个按钮 Embed code 。单击此按钮将为您提供嵌入代码。这是它为我生成的示例。不过我删除了我的视频号码。

 <iframe src="https://player.vimeo.com/video/**yourvideonumberhere**" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>

当然，应该允许在设置中嵌入视频。

原文由 Kokosbrood 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

<iframe width="100%" height="550" src="https://player.vimeo.com/video/403530213" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>

例子 iframe 在上面。您还应该从 vimeo 控制台打开嵌入选项，并确定它是否公开。如果不是，您应该使用带有密钥的 Vimeo API。

https://jsfiddle.net/c1x40sLp/

原文由 mr. pc_coder 发布，翻译遵循 CC BY-SA 4.0 许可协议