如何在HTML中嵌入Vimeo视频



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

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

在窗口的右侧(配置文件图标下方(将有一个按钮Embed code。单击此项将为您提供嵌入代码。这是它为我生成的一个例子。不过我删除了我的视频号码。

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

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

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

上面是示例iframe。您还应该从vimeo控制台打开嵌入选项,并确保它是否是公共的。如果没有,你应该使用API的Vimeo与密钥。

https://jsfiddle.net/c1x40sLp/

只需点击右上角可用图标列表中的共享按钮图标,就会弹出一个模式,其中包含一个选项,供您使用链接url共享视频或嵌入视频。只需复制嵌入代码片段并粘贴到html文件上。

最新更新