如何在 HTML 中嵌入 Vimeo 视频？

Question

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

Answer 1

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

在 window 的右侧（您的个人资料图标下方）将有一个按钮 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 控制台打开嵌入选项，并确定它是否为 public。如果不是，您应该使用带键的 Vimeo API。

https://jsfiddle.net/c1x40sLp/

Answer 3

只需点击右上角可用图标列表中的分享按钮图标，然后会弹出一个模式，其中包含一个选项，供您与 link [=14= 分享视频] 或嵌入。只需复制嵌入代码片段并粘贴到您的 html 文件中。

如何在 HTML 中嵌入 Vimeo 视频？

How do I embed a Vimeo video in HTML?

html

embed

vimeo