标签: vimeo-player

将 Vimeo API 集成到我的私人应用程序中

我的要求很简单。我是 Vimeo Pro 用户,我的帐户中几乎没有私人视频,我只想在我的私人应用程序中播放它。

如何实现这一点.. 我真的应该通过简单地使用 accessToken 来完成所有 Oauth 身份验证过程吗?我可以访问我的视频。?

我只是想知道 cove 到底有多亮,他们为我上传的视频提供了一个令牌和视频 ID,使用它我可以在我的应用程序中播放视频。这是 vimeo 无法实现的事情吗?

等待建议

vimeo ios vimeo-api vimeo-player vimeo-ios

3
推荐指数
1
解决办法
6747
查看次数

如何在 React Native 中播放 vimeo 视频?

我需要在我的本机应用程序中播放 Vimeo 视频。我正在使用 webview 播放视频,视频播放但我在屏幕上看不到任何内容,音频即将到来但屏幕是空白的。下面是我的代码。是我做错了什么还是有其他方式可以玩 Vimeo?任何帮助,将不胜感激。

<AutoHeightWebView
    startInLoadingState
    style={{ width: "100%", height: '100%', borderColor: 'white', borderWidth: 2 }}
    source={{
        uri: 'https://player.vimeo.com/video/299264098?autoplay=1' //'this.state.videoUrl'
    }}
    onError={() => console.log('on error')}
    onLoad={() => console.log('on load')}
    onLoadStart={() => console.log('on load start')}
    onLoadEnd={() => console.log('on load end')}

    bounces={false}
/>
Run Code Online (Sandbox Code Playgroud)

webview vimeo-player react-native react-native-ios

3
推荐指数
2
解决办法
1万
查看次数

嵌入式 Vimeo (iframe) 全屏无法在 Chrome 中工作

我正在尝试将 vimeo 视频嵌入为 iframe。我正在使用以下代码:

<iframe width="1140" height="570" src="https://player.vimeo.com/video/553469759?autoplay=1&dnt=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
Run Code Online (Sandbox Code Playgroud)

当我将其粘贴到 codepen 或在 firefox 中尝试时,它工作得很好。但它对我来说在 Chrome 中不起作用。当我检查 iframe 的 HTML 时,我可以看到 vimeo 添加了一个类no-fullscreen-support,但它还添加了这些类:

  • js-player-fullscreen
  • with-fullscreen

iframe google-chrome vimeo vimeo-player

3
推荐指数
1
解决办法
3949
查看次数

完成后重置Vimeo播放器

如何将嵌入的Vimeo视频重置为播放后的onload状态?

Vimeo API提供了卸载方法

player.api("unload")
Run Code Online (Sandbox Code Playgroud)

但它不适用于非闪存播放器.

javascript vimeo froogaloop vimeo-player

2
推荐指数
1
解决办法
4210
查看次数

当您播放任何视频时,Vimeo 播放器会暂停另一个视频

当我播放第一个视频然后播放第二个视频时,我的页面中有 2 个 Vimeo 播放器,第一个被暂停。

var vid1=new Vimeo.Player($('.one'));
var vid2=new Vimeo.Player($('.two'));
$('.btnonePlay').on('click',function(){
    vid1.play();
})
$('.btnonePause').on('click',function(){
    vid1.pause();
})
$('.btntwoPlay').on('click',function(){
    vid2.play();
})
$('.btntwoPause').on('click',function(){
    vid2.pause();
})
Run Code Online (Sandbox Code Playgroud)

重现问题的步骤:

  1. 点击播放视频一
  2. 点击播放视频二

单击“播放视频二”按钮时,播放器一将暂停。

jsFiddle 上的工作示例

整个代码也在下面的代码段中。

var vid1=new Vimeo.Player($('.one'));
var vid2=new Vimeo.Player($('.two'));
$('.btnonePlay').on('click',function(){
    vid1.play();
})
$('.btnonePause').on('click',function(){
    vid1.pause();
})
$('.btntwoPlay').on('click',function(){
    vid2.play();
})
$('.btntwoPause').on('click',function(){
    vid2.pause();
})
Run Code Online (Sandbox Code Playgroud)
var vid1 = new Vimeo.Player($('.one'));
var vid2 = new Vimeo.Player($('.two'));
$('.btnonePlay').on('click', function() {
  vid1.play();
})
$('.btnonePause').on('click', function() {
  vid1.pause();
})
$('.btntwoPlay').on('click', function() {
  vid2.play();
})
$('.btntwoPause').on('click', function() {
  vid2.pause(); …
Run Code Online (Sandbox Code Playgroud)

vimeo vimeo-api vimeo-player

2
推荐指数
1
解决办法
4159
查看次数

从函数返回持续时间

vimeo API(with froogaloop)的一个功能是getDuration().

我正在尝试创建一个将返回持续时间的函数,但不知何故我得到了Object作为结果.Vimeo API文档未指定您应如何执行此操作.

我认为这是不正确的:

function getDuration() {
    return player.api('getDuration');
}
Run Code Online (Sandbox Code Playgroud)

这是一个例子:

http://jsfiddle.net/SeBwt/

javascript vimeo froogaloop vimeo-player

1
推荐指数
1
解决办法
1667
查看次数

Vimeo iFrame偶尔会加载

这个vimeo视频可以通过下面的iframe片段自行加载

<iframe src="http://player.vimeo.com/video/19513284?byline=0&amp;portrait=0&amp;color=ffffff" width="350" height="192" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
Run Code Online (Sandbox Code Playgroud)

但是一旦作为此页面的一部分加载,它将只在某些时候工作.我禁用了所有适用的CSS规则到该iFrame元素,但它仍然无法加载.

这种情况发生在Chrome,Firefox和Safari上,清除缓存与否.

有什么想法吗?

iframe vimeo video-embedding vimeo-player

1
推荐指数
1
解决办法
1407
查看次数

"用户友好"的vimeo嵌入,从网址获取嵌入代码

我正在为客户端(用户)设法从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>
Run Code Online (Sandbox Code Playgroud)

来自网址,例如: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">
Run Code Online (Sandbox Code Playgroud)

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

这正是我需要的,除了它不是iFrame的事实......

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

javascript iframe vimeo-player

0
推荐指数
1
解决办法
4137
查看次数

iOS 14.4.2 似乎禁用了视频自动播放

我注意到,随着 iOS 14.4.2 最近的更新,我所有的自动播放视频都停止了自动播放。在以前的版本上一切都运行得很好。这适用于 HTML 5 视频,以及嵌入了player.js 的 vimeo。我检查了其他使用 HTML 5 的网站,这些网站以前可以正常工作,但它们的所有视频都停止自动播放。

对于 HTML,我使用下面的代码来自动播放:

<video autoplay="" muted="" loop="" playsinline="" id="hosting-video">
<source src="LINK" type="video/mp4">
</video>
Run Code Online (Sandbox Code Playgroud)

对于 Vimeo,我使用以下代码:

<iframe src="LINK?background=1&amp;autoplay=1&amp;loop=1&amp;byline=0&amp;title=0" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" allow="autoplay" muted="muted" data-ready="true"></iframe>
Run Code Online (Sandbox Code Playgroud)

我在网上找不到任何关于此的信息。还有其他人在 iOS 14.4.2 上遇到过这种情况吗?如果是这样,我可以做些什么来自动播放视频吗?

vimeo autoplay html5-video ios vimeo-player

0
推荐指数
1
解决办法
1542
查看次数