1

在 Wordpress 主页上，我嵌入了一个 Vimeo 视频，当视频结束时，它需要转到投资组合页面。

我发现了许多 Vimeo API 和 Froogaloop 的示例，例如https://developer.vimeo.com/player/js-api，但我尝试过，但没有人成功。我还发现对于 Wordpress，jQuery 必须有点不同，所以我使用了应该在 Wordpress 中工作的代码。我使用 Avada 作为主题，并且在我输入此代码的页面构造中有一个代码框：

<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 未捕获的类型错误：无法读取未定义的属性“就绪”

我查了一下，有一个修改版的 frogaloop 没有给出这个错误。那个也试过，没有成功。

有人可以进一步帮助我吗？网络上没有更多信息。

还有其他网站与 WP 一起使用，试图复制他们的 JS 代码，但它是一样的。

4

0 回答 0