暂停使用脚本混合云

Question

我正在建立一个wordpress网站，在mixcloud上拉来一个朋友秀，为每个秀创建帖子。在节目的循环中，每个节目都有一个播放按钮，可以打开带有mixcloud iframe的弹出窗口。

播放按钮如下所示：

<?php if (!empty($showurl)) { ;?><a class="vp-b" data-show-id="<?php echo $video_id ;?>" href="#" style="outline: none;">play</a><?php } ;?>

弹出窗口如下：

<div id="player" style="display:none;" class="YouTubePopUp-Wrap VideoPopUpWrap"><div class="Video-PopUp-Content"><div class="vp-flex vp-vt-soundcloud"><span onclick="exitPlayer()" id="popup_closer" class="YouTubePopUp-Close"></span><iframe id="player_frame" width="100%" height="400" src="https://www.mixcloud.com/widget/iframe/?autoplay=1&feed=%2Fjohncasey1048554%2F[replace_me]%2F" frameborder="0" ></iframe></div></div></div>

我使用下面的代码告诉它播放哪一集：

     jQuery('.vp-b').click(function(e)
{
  var value = jQuery(this).attr('data-show-id');
  var str = document.getElementById("player").innerHTML; 
  var replace = "[replace_me]";
  var res = str.replace(replace, value);
  document.getElementById("player").innerHTML = res;
  jQuery('#player').show();
    e.preventDefault();
});

我对此很满意。当我想要关闭窗口并重置源时，我的问题就出现了。

 function exitPlayer() {
    jQuery('#player').hide();
    jQuery("#player_frame").attr("src","https://www.mixcloud.com/widget/iframe/?autoplay=1&feed=%2Fjohncasey1048554%2F[replace_me]%2F");
}

Mixcloud会触发“您所做的更改可能无法保存”。每次都要保持警觉。

我已经确定，如果节目被暂停，它不会执行此操作，因此我正在尝试弄清楚如何在单击退出按钮时暂停节目。但我完全被卡住了。

我已经包括了：

<script src="//widget.mixcloud.com/media/js/widgetApi.js" type="text/javascript"></script>

但我不能从here中弄明白我如何在退出时暂停mixcloud。

Answer 1

所以..。

我不知道如何在退出时暂停mixcloud播放器，但我所做的是在退出时完全删除ifram，并用新的ifram替换它。这将防止“您所做的更改可能无法保存”。触发警报。

function exitPlayer() {
    jQuery('#player').hide();
    jQuery('#player_frame').remove();
    jQuery('#prepender').prepend('<iframe id="player_frame" width="100%" height="400" src="https://www.mixcloud.com/widget/iframe/?autoplay=1&feed=%2Fjohncasey1048554%2F[replace_me]%2F" frameborder="0" ></iframe>');

}

和

 <div id="player" style="display:none;" class="YouTubePopUp-Wrap VideoPopUpWrap"><div class="Video-PopUp-Content"><div class="vp-flex vp-vt-soundcloud"><span onclick="exitPlayer()" id="popup_closer" class="YouTubePopUp-Close"></span><div id="prepender"><iframe id="player_frame" width="100%" height="400" src="https://www.mixcloud.com/widget/iframe/?autoplay=1&feed=%2Fjohncasey1048554%2F[replace_me]%2F" frameborder="0" ></iframe></div></div></div></div>