Vimeo API のドキュメントでは、ぐるぐる回っていて、何をすべきかよくわかりません。
ビデオを再生するシンプルなボタンを作成したいと考えています。誰かがこれの必要最小限の例を提供できますか? この API の仕組みをよりよく理解するのに役立つかもしれません。
ありがとうございました!
Vimeo API ドキュメントも非常にわかりにくいと思います。そのため、これを作成しました。
それは可能な限り裸の骨です。
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>