Пауза Mixcloud со скриптом - PullRequest
Новая
       14

Пауза Mixcloud со скриптом

0 голосов
/ 18 января 2019

Я собираю WordPress сайт, который собирает шоу друзей на mixcloud, создавая посты для каждого шоу. В цикле шоу у каждого шоу есть кнопка воспроизведения, которая открывает всплывающее окно с iframe mixcloud.

Кнопка воспроизведения выглядит так: 

<?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>

Но из здесь не могу понять, как бы я остановил mixcloud при выходе.

1 Ответ

0 голосов
/ 24 января 2019

Итак ...

Я не понял, как приостановить работу проигрывателя mixcloud при выходе, но вместо этого я полностью удалил 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>
...