Я пытаюсь создать код для вставки 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)
Если у кого-то есть понимание того, что я делаю неправильно, я не думаю, что делаю что-то радикально сложное, но сейчас я немного бьюсь об эту стену, и я просто смущен, как почему я сталкиваюсь с этой проблемой? Заранее спасибо.