Details:
WordPress (self-hosted) 6.02
Browsers tried: Chrome (Mac, Win, Android), Safari (Mac, iOS), Opera (Mac, Win), and Firefox (Mac, Win, iOS).

I was using the plugin with the following syntax :

[listmixcloud channel=’mixclound-name/playlists/playlistname/’ widget=’classic’ playlist=’2′ mode=’3′ autoplay=’0′ style=’Light’ width=’100%’ hide_artwork=’0′][/listmixcloud]

and was working fine for about 3 months, suddenly stopped… any idea ?

So I am running into a problem with WordPress, and I have tried anything in my (beginners) develop skills to try and tackle this problem, but so far no luck so I’m trying it on here.

So I’m building this website for an online radio station, that wants to post their episodes and live streams on Mixcloud but also want to publish them on to there (new) website. Via customization in the theme that I am using, I managed to pull a custom field within a WordPress Post as parameter to trigger the Mixcloud Footer Widget.

And here starts the problem…

The footer widget of Mixcloud needs to be on the whole site so it continues playing while looking throughout the website. Since I have added the scrips of Mixcloud, the first request of the website will load the WordPress page itself, and the footer, also the widget receives the correct parameter/custom field if you click on the image. So that part is working perfectly.

But when I click on another link, the homepage, for example, the footer widget stays loaded and keeps playing (which it should!) but the rest of the site isn’t loading or showing properly. I do see in the source code that the HTML part of the website does load, but it shows as a white page for some reason. This is the script from Mixcloud that I’m using:

<script src="//widget.mixcloud.com/media/js/widgetApi.js" type="text/javascript"></script>
        <script src="//widget.mixcloud.com/media/js/footerWidgetApi.js" async>
            {"feed": "/itmotr-radio/"}
        </script>

I have been told that the script might load before the page itself, but I don’t think that’s the reason why the pages aren’t showing correctly, because like I mentioned before, the source code is fully there, but it isn’t showing correctly.

Things I have tried
– Using a plugin to add the scripts in the footer
– Placing the script into the footer.php of the theme
– Placing the script into the function.php of the theme
– Adding tags to the script so the loading will be done after the whole site is loaded.

If I remove the script, the pages show up as normal, but then I lose full functionality of the thing that I want to accomplish.

Does someone know how to tackle this problem?
It will help me a lot

Best regards,
Casper

————
using Salient theme
using the newest version of WordPress
using Brackets and FileZilla and Brackets to edit and upload my custom files

So I’m quite new to WordPress developing and I’m trying to implement MixClouds API into this website. I’ve managed to make the images load the Mixcloud URL via custom fields in WordPress. When you click on an image, it will load the song into the MixCloud widget that is I have inserted into the function.php of the theme.

[ redundant link removed ]

That part works perfectly. Which took me a while, but now the part that I can’t figure out. The script for the Mixcloud Widget needs to be on the entire site. But since the script is loaded, and you want to go to another page, the widget will keep playing (which is good!!) but the page itself stays totally black, non of the pages codes will load, but the widget is still there.

I think this has something to do with the script, and that it stop loading the page itself after the script is loaded. Can someone help?

— MixCloud Script —

       <script src="//widget.mixcloud.com/media/js/widgetApi.js" type="text/javascript">
        </script>
        <script src="//widget.mixcloud.com/media/js/footerWidgetApi.js" async>
             {"feed": "/itmotr-radio/"}
        </script>

loads the URL from
<div ... data-mixcloud-play-button="<?php echo get_post_meta($post->ID, 'mixcloud-url', true); ?>">

if i would embed a mixcloud-content, the [mixcloud-shortcode] from the embed-button in mixcloud.com would provide some options for the webplayer (color, width, etc), that couldn’t transported into Gutenberg.

How do i insert the full provided code from mixcloud.com?

e.g.
[mixcloud https://www.mixcloud.com/djwilec/linktoset width=100% height=120 hide_cover=1 light=1]

I have a problem with my embeds MixCloud players in my website created with WordPress Software, but only on Safari (Computer + iPhone).
It works perfectly on Chrome (computer + iPhone) and Firefox (only computer).

There is an error named “Missing token error” instead of my players.
I think it worked perfectly 3 days ago.

I did an update of WordPress today to try to fix it, but it doesn’t work.

An example of my website : https://www.radiochiguiro.com/season1/

Someone has an idea?
Many thanks for your help.

Claims to be responsive, but Mixcloud is not. And need to edit size for Mixcloud embeds otherwise a weird white space under each one.