Простая пауза с vimeo api Froogaloop

Попытка вызова api vimeo для приостановки видео на событие click, чтобы скрыть его. И, нажав кнопку, чтобы снова открыть видео, воспроизведите видео из его приостановленной позиции.

Здесь есть различные связанные вопросы, я не могу найти ответ на простой вопрос "как сделать паузу". Я новичок в jquery и не могу разобраться в документации froogaloop.

Вот скрипка , и мой текущий скрипт jquery, чтобы скрыть видео 

$(document).click(function (event) {
    if (!$(event.target).hasClass('click')) {
        $('#video').hide();
    }      
});

Который скрывает его, когда элемент без "щелчка" класс щелкается. Но видео играет на заднем плане. Froogaloop загружается в скрипку. Спасибо всем

2 2
javascript jquery vimeo

2 ответа:

Фрогалуп может быть занозой в заднице.

Код для начала работы находится здесь: https://developer.vimeo.com/player/js-api#universal-with-froogaloop

Я адаптировал это, чтобы заставить его работать, я думаю, как вы ожидаете здесь: https://jsfiddle.net/fLe5xs4v/

Настройка его так: 

var iframe = $('#video iframe')[0];
var player = $f(iframe);
Обратите внимание, что если вы измените текст в кнопках воспроизведения и паузы, вы нарушите этот код: 
$('button').bind('click', function() {
    player.api($(this).text().toLowerCase());
});

Дайте ему шанс, он должен заставить вас идти в по крайней мере, в правильном направлении. Удачи вам!

1

Вот обновленная скрипка, которая заставляет паузу/воспроизведение работать, как я и предполагал. Нажмите на изображение, чтобы воспроизвести видео; нажмите снаружи или на пустом месте (вы управляете этим с помощью классов), чтобы приостановить его; нажмите изображение снова, чтобы воспроизвести из приостановленной позиции. Простой, без кнопок, без лишнего кода jquery или froogaloop.

Помещаю это здесь для тех, кто может извлечь из этого пользу. И +1 к mbrrw за то, что я начал.

var iframe = $('#video iframe')[0];
var player = $f(iframe);

$('.showvideo').on('click', function(){
    $('#video').show();
    $('.image').hide();
    player.api('play');
});

$(document).click(function (event) {
          if (!$(event.target).hasClass('click')) { //if what was clicked does not have the class 'click' (ie. any empty space)
    $('#video').hide();
    $('.image').show();
    player.api('pause');
          }
});

Не забудьте добавить api=1 к ссылке vimeo. И url-адрес должно быть https, а не http.

1