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>

使用脚本暂停Mixcloud

1 个答案: