Vimeo Player JS ошибка при создании плеера

Question

Я пытаюсь создать код для вставки Vimeo, используя плеер JS <script src="https://player.vimeo.com/api/player.js"></script>.

В моем php файле (проект WordPress) у меня есть:

<?php 
  $id = get_field('video');
  /* unrelated variables */
?>
<div class="page-single">
  <?php if ($id) : ?>
    <div class="video">
      <div class="video__wrapper">
        <div class="js-video-player video__player" id="video" data-vimeo-id="<?= $id; ?>"></div>
        <img class="js-video-cover video__cover" src="<?= $cover; ?>" />
        <div class="button__wrapper">
        <button class="button__play js-video-btn">Play</button>
      </div>
    </div>
  </div>
 <?php endif; ?>
</div>

Это нормально работает и не обязательно проблема здесь, поэтому у меня есть player.js, на который ссылается мой head. А потом в моем файле JS,

jQuery(document).ready(function( $ ) {
  var $video = $('.js-video-player'),
      video_id = $video.data('vimeo-id'),
      $video_poster = $('.js-video-cover'),
      $video_btn = $('.js-video-btn'),
      options = {
        id: video_id
      };
  var player = new Vimeo.Player($video, options);
});

После этого я получаю сообщение об ошибке:

GET https://vimeo.com/api/oembed.json?url=https%3A%2F%2Fvimeo.com%2F285211306&domain={url}&id={video_id} 404 (Not Found) Uncaught (in promise) Error: “https://vimeo.com/{video_id}” was not found. at XMLHttpRequest.r.onload (player.js?ver=1:2)

Если у кого-то есть понимание того, что я делаю неправильно, я не думаю, что делаю что-то радикально сложное, но сейчас я немного бьюсь об эту стену, и я просто смущен, как почему я сталкиваюсь с этой проблемой? Заранее спасибо.