创建播放器时Vimeo Player JS错误

时间:2018-08-31 14:54:00

标签: javascript jquery vimeo vimeo-api vimeo-player

我正在尝试使用播放器JS <script src="https://player.vimeo.com/api/player.js"></script>创建一个Vimeo嵌入。

在我的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)

如果有人对我做错的事情有任何见解,我认为我没有做任何根本上困难的事情,但是我已经碰壁了一段时间,我只是感到困惑为什么我遇到这个问题?先感谢您。

0 个答案:

没有答案