使用脚本暂停 Mixcloud答案

【问题标题】：Pause Mixcloud with script使用脚本暂停 Mixcloud
【发布时间】：2019-06-12 09:51:09
【问题描述】：

我正在组建一个 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。

【问题讨论】：

标签： jquery wordpress api mixcloud

【解决方案1】：

所以...

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

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>

【讨论】：