如何在 HTML 中嵌入 Vimeo 视频？答案

【问题标题】：How do I embed a Vimeo video in HTML?如何在 HTML 中嵌入 Vimeo 视频？
【发布时间】：2020-07-16 00:17:31
【问题描述】：

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

【问题讨论】：

vimeo.zendesk.com/hc/en-us/articles/…
所有必要的信息都在developer.vimeo.com..请检查..

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案2】：

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

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

https://jsfiddle.net/c1x40sLp/

【讨论】：

【解决方案3】：

只需单击右上角可用图标列表中的共享按钮图标，然后会弹出一个模式，您可以选择通过链接 url 共享视频或嵌入视频。只需复制嵌入代码 sn-p 并粘贴到您的 html 文件中。

【讨论】：