如何在HTML中嵌入Vimeo视频？

Question

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

- user13096898

---

https://vimeo.zendesk.com/hc/en-us/articles/224969968-Embedding-videos-overview - sinanspd

所有必要的信息都在developer.vimeo.com上，请查看。 - Lal

Answer 1

如果你已经登录 Vimeo 并进入视频设置，应该会有一个名为 "嵌入" 的菜单。点击此项，您将获得各种嵌入选项。

在窗口右侧（您的个人资料图标下方）将有一个名为“嵌入代码”的按钮。点击它将给您提供嵌入代码。这是它为我生成的一个示例，尽管我删除了我的视频编号。

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

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

- Kokosbrood

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

Answer 3

只需从右上角的可用图标列表中单击共享按钮图标，然后会弹出一个模态框，其中有一个选项让您使用链接 URL 或嵌入代码分享视频。只需复制嵌入代码片段并粘贴到您的 HTML 文件中即可。

- AWESOME WORLD

---

这很简短而且甜美！ - Abhishek