1

Vimeo API 文档让我在圈子里跑来跑去，我不知道该怎么做。

我想创建一个简单的按钮来播放我的视频。有人可以提供一个简单的例子吗？它可能会帮助我更好地理解这个 API 是如何工作的。

谢谢！

4

3 回答 3

2

它可以更简单：这对我有用（页面上只有一个视频）

<iframe id="vid_id" 
        src="http://player.vimeo.com/video/123456789" 
        height="288" width="512" allowfullscreen>
</iframe>
<br>
<button onclick="play_video()">Button text</button>

<script>
function play_video() {
  var player = document.getElementById("vid_id");
  var data = { method: "play" };
  player.contentWindow.postMessage(JSON.stringify(data), "*");
}
</script>

而且它似乎不需要api=1或player_id在调用player.vimeo.com. 我在 IE8、IE11、Fx、Chrome、Safari、Opera 上对其进行了测试。

（稍后编辑）：Android 似乎是另一回事；我一直无法在 Android 下找到任何有效的程序控制示例。我已将此通知 Vimeo。

于 2014-12-05T14:16:02.270 回答
1

我认为 Vimeo API 文档也非常令人困惑，这就是我这样做的原因：http: //labs.funkhausdesign.com/examples/vimeo/froogaloop2-api-basics.html

它尽可能地裸露。

于 2012-03-17T19:54:44.397 回答
0

我想在不使用 jquery 或 froogaloop 的情况下添加这样的播放/暂停按钮。我不知道为什么，但我讨厌在不需要的时候包含一个库。特别是对于像这样简单的事情。

这是我想出的（我只是为正在搜索的其他人发布这个）：

<!DOCTYPE HTML>
<html>
<head>
    <title>Vimeo Test</title>
    <script language="JavaScript">
    var iFram, url;
    function startitup(){
        iFram = document.getElementById('theClip');
        url = iFram.src.split('?')[0];
    }
    function postIt(action, value) {
        var data = { method: action };
        if (value) {
            data.value = value;
        }
        if(url !== undefined){
            iFram.contentWindow.postMessage(JSON.stringify(data), url);
        }
    }
</script>
</head>
<body onload="startitup();">
<iframe id="theClip" src="http://player.vimeo.com/video/27855315?api=1" width="400"     height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen>    </iframe>
<p><button onclick="postIt('play');">Play</button> <button     onclick="postIt('pause');">Pause</button></p>
</body>
</html>
于 2013-05-06T17:30:29.743 回答