标签: vimeo

如何从JavaScript中解析Vimeo URL中的ID？

该URL将由用户输入,因此我需要检查他们是否以正确的格式输入了该URL.

我需要ID,以便我可以使用他们的简单API来检索视频数据.

我为vimeo视频写了一个AngularJS指令,内置了播放/暂停功能,使用了他们的froogaloop库.

它的效果很棒!唯一的问题是,当页面首次加载时,我收到以下错误.

无法在'DOMWindow'上执行'postMessage':提供的目标来源(' http://player.vimeo.com ')与收件人窗口的来源不匹配

我是否在指令中初始化了froogaloop对象错误？任何建议都将非常感激.

你可以在这里查看一下plunker:http://plnkr.co/edit/GKWNk3LhX0MR3lhpfqyA

我正在尝试在网页中显示全宽的vimeo视频.

这就是它现在的样子:

你可以看到黑色是全宽而不是视频.它应该是全宽,没有显示控件,自动播放和循环播放.

我的代码现在看起来像这样:

<iframe src="https://player.vimeo.com/video/208176323?autoplay=1&loop=1&background=1" width="100%" height="500px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

客户端有vimeo plus但不是vimeo pro.有人可以帮我弄这个吗.

更新:

我已将代码更改为:

<style>
    .embed-container {
        position: relative;
        padding-bottom: 56.25%;
        height: 0; overflow: hidden;
        max-width: 100%; height: auto;
    }
    .embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
</style>

<div class='embed-container'><iframe src='https://player.vimeo.com/video/208791851?autoplay=1&loop=1&background=1' frameborder='0' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>

但我仍然在底部和顶部有黑色边框.

我已经创建了一个jsfiddle,你也可以看到这个:https://jsfiddle.net/07fkfwz3/ .你在这里看到的视频没有任何边框.

因为有些日子我的vimeo iframe将不再自动播放.我知道chrome更新,它将阻止带声音的自动播放视频.该块是否已激活？

Vimeo示例代码不起作用:

<iframe src="https://player.vimeo.com/video/12345?autoplay=1&loop=1&autopause=0" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

但netflix.com和vimeo本身在主页上有一个自动播放视频,可以正常播放.

编辑:Chrome版本66.0.3359.139 macOS High Sierra 10.13.4

有没有人有想法或答案？

谢谢!

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

如何编写函数来检查提供的URL是youtube还是vimeo？

例如,我将这两个URL存储在数据库中作为字符串,

http://vimeo.com/24456787

http://www.youtube.com/watch?v=rj18UQjPpGA&feature=player_embedded

如果URL是youtube,那么我将重写URL,

http://www.youtube.com/embed/rj18UQjPpGA?rel=0&wmode=transparent

如果URL是vimeo,那么我将重写此URL,

http://vimeo.com/moogaloop.swf?clip_id=24456787

谢谢.

我已将Vimeo合并到我正在构建的WordPress主题中,并且我收到以下错误:

不安全的JavaScript尝试与URL访问框架 http://themes.ibrogram.com/beta/blog/从框架与URL http://player.vimeo.com/video/4749536.域,协议和端口必须匹配.

不安全的JavaScript尝试与URL访问框架 http://themes.ibrogram.com/beta/blog/从框架与URL http://player.vimeo.com/video/28496744?title=0&byline=0&portrait=0.域,协议和端口必须匹配.

它(我认为)也是页面仍然加载的原因:http://themes.ibrogram.com/beta/blog/

我正在复制一个函数,它将获取youtube/vimeo url并返回视频来自的网站(vimeo/yt)以及视频ID.

这是我到目前为止所拥有的:http://jsfiddle.net/csjwf/181/

<strong>Result:</strong>
<div id="result"></div>

function parseVideoURL(url) {

    url.match(/^http:\/\/(?:.*?)\.?(youtube|vimeo)\.com\/(watch\?[^#]*v=(\w+)|(\d+)).+$/);
    return {
        provider : RegExp.$1,
        id : RegExp.$1 == 'vimeo' ? RegExp.$2 : RegExp.$3
    }
}

var result = document.getElementById("result");
var video = parseVideoURL("http://www.youtube.com/watch?v=PQLnmdOthmA&feature=feedrec_grec_index");
result.innerHTML = "Provider: " + video.provider + "<br>ID: " + video.id;

var video = parseVideoURL("http://vimeo.com/22080133");

result.innerHTML += "<br>--<br>Provider: " + video.provider + "<br>ID: " + video.id;

输出:

Result:
Provider: youtube
ID: PQLnmdOthmA
--
Provider: vimeo
ID: 2208013

但是,请注意vimeo vids的方式,如果url以ID结尾,则最后一个数字始终被截断.如果在vimeo url的末尾添加斜杠,则会完全拉出id.

我使用fijkplayer了 flutter 上可用的库来播放 m3u8 视频。在不下载的情况下播放工作正常，只有在我尝试播放下载的视频时才会出现此问题。另外，我尝试了其他库，如chewie, flutter_jikplayer，flutter_tencentplayer但都没有工作。

此问题仅发生在Vimeo的 hls 链接上。我已经使用互联网上可用的公共hls链接实现了所有内容。之后，我发现了这个错误。

此输出似乎是与协议相关的问题。

xcode 输出是，

===== versions =====
ijkplayer    : f0.7.8
FFmpeg       : ff4.0--ijk0.8.25--20191031--001
libavutil    : 56.14.100
libavcodec   : 58.18.100
libavformat  : 58.12.100
libswscale   : 5.1.100
libswresample: 3.1.100
===== options =====
player-opts : overlay-format               = fcc-bgra
player-opts : videotoolbox                 = 1
player-opts : enable-position-notify       = 1
player-opts : start-on-prepared            = 1
format-opts : ijkapplication               = 4850081840
format-opts : ijkiomanager                 = 4849971424 …

public class MainActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        WebView wv=(WebView)findViewById(R.id.webView1);

        wv.getSettings().setJavaScriptEnabled(true);
        wv.getSettings().setAppCacheEnabled(true);
        wv.getSettings().setDomStorageEnabled(true);

        // how plugin is enabled change in API 8
        if (Build.VERSION.SDK_INT < 8) {
          wv.getSettings().setPluginsEnabled(true);
        } else {
          wv.getSettings().setPluginState(PluginState.ON);
        }
        String venkat="<iframe src=\"http://player.vimeo.com/video/27244727?portrait=0&color=333\" width=\"WIDTH\" height=\"HEIGHT\" frameborder=\"0\" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>";
        wv.loadData(venkat,"text/html","UTF-8");
    }
}

从谷歌研究后我写了上面的代码,但没有工作.在这里没有发生错误,但当我点击播放按钮进度条显示一段时间然后它消失并再次显示播放按钮...任何人都可以建议我如何解决这个问题？