Блог

Главная - Вопросы по программированию - Vimeo Froogaloop API воспроизведение/выгрузка при наведении курсора мыши

Vimeo Froogaloop API воспроизведение/выгрузка при наведении курсора мыши

#javascript #html #vimeo-api #vimeo-player #froogaloop

Вопрос:

У меня есть встроенное видео Vimeo, использующее воспроизведение и выгрузку при наведении курсора мыши для запуска и сброса при наведении.

У меня это работает визуально, но я получаю ошибки консоли:

Ошибка неперехваченного типа:… (чтение «готово»)(чтение «играть») (чтение «выгрузить»)

Если я запускаю его инкогнито, видео запускается только по щелчку, а затем работают функции наведения курсора мыши.

Спасибо!

Просмотр Кода

Вот HTML-код:

 <div id="wrapper">
  <div class="card">
    <iframe class="product-card-media" id="player1" type="text/html" width="550px" height="550px" frameborder="0" src="https://player.vimeo.com/video/631577098?api=1amp;controls=0amp;amp;player_id=player1"></iframe>
  </div>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

  <script src="https://f.vimeocdn.com/js/froogaloop2.min.js"></script>

Вот Javascript:

 $('.product-card-media').each(function() {
  var player = $("#"   this.id);
  froogaloop = $f(player[0].id);

  player.mouseover(function() {
    froogaloop.api('play');
  }).mouseout(function() {
    froogaloop.api('unload');
  });
});
Метки: