如何在 HTML 中嵌入 Vimeo 视频？

Question

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

Answer 1

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

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

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

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

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/