"“用户友好”;vimeo嵌入，从url获取嵌入代码

"user friendly" vimeo embedding, get embed code from url

本文关键字：url 获取 代码 嵌入 用户 quot 用户友好 vimeo      更新时间：2023-09-26

我正在研究一种方法，让客户端（用户）从vimeo获得iFrame，以播放不同的视频。。事实证明，这对我来说比以前预想的要困难。视频的改变必须通过文本框来完成。

如果可能的话，我如何提取这样的嵌入代码：

<iframe src="https://player.vimeo.com/video/22439234?title=0&byline=0&portrait=0" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

来自url，例如：https://vimeo.com/22439234？

我如何从上面的例子中检索iframe、src属性值或任何我可以使用的东西？

我在谷歌上搜索了很多，但我找到的所有指令都是针对开发人员的。。。

（我使用的是Angularjs，所以任何Javascript或Angular解决方案都是可以接受的）

编辑：我找到了一个可以做我想做的事情的网站，可能会帮助你了解我想做什么。

如果粘贴https://vimeo.com/22439234在那里并按下生成，它输出：

<object type="application/x-shockwave-flash" style="width:450px; height:366px;" data="http://vimeo.com/moogaloop.swf?clip_id=22439234&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" allowfullscreen="true" allowscriptaccess="always">

获取您自己的有效XHTML Vimeo嵌入代码

这正是我所需要的，除了它不是iFrame。。。

http://www.tools4noobs.com/online_tools/vimeo_xhtml/

下面是解决方案：http://jsfiddle.net/ost9y204/

如果您有一个用户粘贴URL的输入：

<input id="video">

您可以使用以下功能解析Vimeo URL：

function parseUrl(){
    var val = document.getElementById('video').value;
    var vimeoRegex = /(?:vimeo)'.com.*(?:videos|video|channels|)'/(['d]+)/i;
    var parsed = val.match(vimeoRegex);
    return "//player.vimeo.com/video/" + parsed[1];    
};

无论何时需要获取URL，只需调用parseUrl()即可。然后将返回的值放入iframe的src中。

实现这一点的最佳方法是使用oEmbed API：https://developer.vimeo.com/apis/oembed

对于您在问题中提供的链接，您将向提出请求

https://vimeo.com/api/oembed.json?url=https%3A//vimeo.com/22439234

这将返回一个JSON对象，该对象具有带有嵌入代码的html密钥。

相关文章：