Question

请看这个链接：http://jitimanagementcoach.com/TC_test/tabbed4try.html 单击选项卡时，我已经在一个或另一个选项卡上播放和/或暂停了视频...但是现在我需要在Prelearn选项卡上的视频“点击”解决方案选项卡并播放视频Prelearn视频完成后。这是代码：

               <script>
var iframe1 = document.getElementById("prelearnvid");
var iframe2 = document.getElementById("solutionvid");
var player1 = $f(iframe1);
var player2 = $f(iframe2);
var prelearnBtn = document.getElementById("prelearnbtn");
prelearnBtn.addEventListener("click", function() {player1.api("play");player2.api("pause");});

var solutionBtn = document.getElementById("solutionbtn");
solutionBtn.addEventListener("click", function() {player2.api("play");player1.api("pause");});

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

    function onFinish(id) {window.location.href = '#solution-tab';};

        </script>

这一切都很好，直到最后两行...我哪里出错？

Answer 1

ready事件未针对您的播放器触发。要触发玩家的活动，您需要在网址中添加player_id参数，其中包含id的{{1}}。

将<iframe>的{{1}}属性更改为：

src

来自Froogaloop documentation：

如果你在一个页面上嵌入和控制多个玩家或者使用我们的JS API库（Froogaloop），你应该给每个玩家一个 <iframe>与iframe元素的ID匹配。

此stackoverflow answer和此forum post有助于发现此解决方案。

简单的Javascript / jQuery Vimeo Froogaloop的调试帮助

1 个答案: