1

Wordpress のホームページに Vimeo ビデオを埋め込んでいます。ビデオが終了したら、ポートフォリオ ページに移動する必要があります。

https://developer.vimeo.com/player/js-apiのように、Vimeo API と Froogaloop に関する多くの例を見つけましたが、試してみましたが、誰も機能しませんでした。また、Wordpress では jQuery が少し異なる必要があることもわかったので、Wordpress で動作するはずのコードを使用しました。私は Avada をテーマとして使用しており、このコードを入力したページ構成に CODE BOX があります。

<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>

<div class='fullscreen_block fw_background bg_video'>
    <iframe id="vimeovideo" style='left: 0% !important; top: 0% !important;' src="http://player.vimeo.com/video/158002922?autoplay=1&loop=0&api=1&showinfo=0&controls=0&color=ff4600&title=0&byline=0&portrait=0&player_id=vimeovideo'" width="100%" height="100%" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>


<script>

jQuery(document).ready(function ($) {

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

player.addEvent('ready', function() {
    player.addEvent('finish', onFinish);
});

  function onFinish(id) {
   window.location.href = 'http://xxxHEREISMYWEBSITExxx.com/portfolio/';
} 

});
</script>

ビデオは正常に再生され、最後には何もしません。リダイレクトが機能しないのはなぜですか? INSPECT を実行すると、コンソールに次のエラーが表示されます。

froogaloop2.min.js:1 Uncaught TypeError: 未定義のプロパティ 'ready' を読み取れません

私はそれを調べましたが、このエラーを発生させないフロガループの修正版があります。それも試してみましたが、成功しませんでした。

誰かが私をさらに助けてくれますか? ネット上にはこれ以上の情報はありません。

これがWPで動作している他のWebサイトがあり、JSコードをコピーしようとしましたが、同じです。

4

0 に答える 0