oveleon/cookiebar und mehrere Iframes (Spotify)
Hallo,
ich habe eine Seite, auf der viele Podcasts eingebunden werden und diese möchte ich gerne nur bei Zustimmung laden. Die Iframes dafür sehen immer folgendermaßen aus:
Code:
<iframe style="border-radius: 12px;" src="https://open.spotify.com/embed/episode/XXXXX" width="100%" height="352" frameborder="0" allowfullscreen=""></iframe>
Normalerweise benutze ich immer die addModule-Methode, also z.B.
Code:
// Facebook bei Zustimmung laden
document.addEventListener("DOMContentLoaded", function() {
cookiebar.addModule(7, initializeFacebook, {
selector: '.fb-column', // [required] Defines the element selector in which the message is output
message: 'Um unseren Facebook-Feed anzuzeigen, müssen Sie die Cookies zuerst akzeptieren.', // [required] The text to be displayed
button: {
show: true, // Extends the output by a confirmation button,
text: 'Lade Facebook-Feed', // Button text
classes: '' // Own CSS classes for the button separated by spaces
}
});
});
function initializeFacebook(){
(function(){
var i,e,d=document,s="script";i=d.createElement("script");i.async=1;i.charset="UTF-8";
i.src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.4";
e=d.getElementsByTagName(s)[0];e.parentNode.insertBefore(i, e);
})();
}
In diesem Beispiel wird aber nur EIN allgemeines Script geladen. Ich möchte stattdessen, dass bei Zustimmung ALLE Spotify-Iframes geladen werden, die jeweils ein anderes SRC-Attribut haben. Müsste ich hier mit einer Schleife in der Funktion arbeiten? Hat jemand eine Anleitung oder Tipps?
Danke im Voraus.