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.
Lesezeichen