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コードをコピーしようとしましたが、同じです。