Vimeo API: простая кнопка воспроизведения - PullRequest
Новая
       4

Vimeo API: простая кнопка воспроизведения

1 голос
/ 03 мая 2011

Документация по Vimeo API заставляет меня бегать кругами, и я не могу понять, что делать.

Я хочу создать простую кнопку для воспроизведения моего видео. Может ли кто-нибудь привести пример этого? Это может помочь мне лучше понять, как работает этот API.

Спасибо!

Ответы [ 3 ]

2 голосов
/ 05 декабря 2014

Это может быть еще проще: у меня это работает (только одно видео на странице) 

<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.

1 голос
/ 17 марта 2012

Я думаю, что документы по Vimeo API также очень запутаны, поэтому я сделал это: http://labs.funkhausdesign.com/examples/vimeo/froogaloop2-api-basics.html

Это как можно более голые кости.

0 голосов
/ 06 мая 2013

Я хотел добавить кнопку воспроизведения / паузы, например, без использования 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>
...