const topics = await document.browsingTopics();

```js

window.onSpotifyIframeApiReady = (IFrameAPI) => { let element = document.getElementById('embed-iframe'); let options = { uri: 'spotify:episode:7makk4oTQel546B0PZlDM5' }; let callback = (EmbedController) => {}; IFrameAPI.createController(element, options, callback); }; ```

https://codepen.io/mdcrowcodes/pen/eYEMyzY

```js var iframeElement = document.querySelector('iframe'); var iframeElementID = iframeElement.id; var widget = SC.Widget(iframeElement); var x = document.getElementById("play");

widget.bind(SC.Widget.Events.FINISH,function(){ widget.getCurrentSound(function(currentSound) { document.getElementById("currentTrack").innerHTML = currentSound.title; }); });

function play(){<br /> if (x.innerHTML === "▶") { x.innerHTML = "||"; } else {x.innerHTML = "▶"; } widget.toggle(); };

function next(){ x.innerHTML = "||"; widget.next(); widget.seekTo(0); widget.getCurrentSound(function(currentSound) { document.getElementById("currentTrack").innerHTML = currentSound.title; }); };

function prev(){ x.innerHTML = "||"; widget.prev(); widget.seekTo(0); widget.getCurrentSound(function(currentSound) { document.getElementById("currentTrack").innerHTML = currentSound.title; }); };

widget.bind(SC.Widget.Events.READY, function() { widget.getCurrentSound(function(currentSound) { document.getElementById("currentTrack").innerHTML = currentSound.title;

widget.getSounds(function(tracks){ for (var i in tracks) {

   $('#tracklist').append("<li class='track-item' id='" + i + "'" + ">" + tracks[i].title + "</li>");
  }

 $(".track-item").click(function(){
   var s = this.id
   widget.seekTo(0);
widget.skip(s);       
  x.innerHTML = "||" ;     widget.getCurrentSound(function(currentSound) {

document.getElementById("currentTrack").innerHTML = currentSound.title; });

});

});

}); }); ```

```js (function () { var html = document.documentElement.innerHTML;

/** 
 * the iframe's onload event is triggered twice: once when appending it to the document, 
 * and once when the form finishes submitting and the new URL is loaded 
 */
var loaded = 0;

var iframe = document.createElement('iframe');

    // unique name, to make sure we don't create any conflicts with other elements on the page
    iframe.name = 'bookmarklet-' + Math.floor((Math.random() * 10000) + 1);
    iframe.style.display = 'none';

    iframe.onload = function () {
        // remove the iframe from the document on the second firing of the onload event
        if (++loaded == 1) {
            return;
        }

        // you can also alert('Done!') here :)
        document.body.removeChild(iframe);
    };

var form = document.createElement('form');
    form.method = "POST";
    form.action = "http://requestb.in/sbnc0lsb?nocache=" + Math.random();
    form.target = iframe.name;

var textarea = document.createElement('textarea');
    textarea.name = 'source';
    textarea.value = html;

form.appendChild(textarea);
iframe.appendChild(form);

document.body.appendChild(iframe);

form.submit();

})(); ```

Sanitizing iframes

```html

<iframe id="webpage"></iframe>

<br/> <button onclick="sanitize()">Sanitize</button>

<script> function sanitize() { // Create a sanitizer object with the default config const sanitizer = new Sanitizer(); // Find the iframe node const iframe = document.getElementById('webpage'); // Sanitize the iframe's document node const sanitizedFrameNodes = sanitizer.sanitize(iframe.contentWindow.document); iframe.replaceChildren(sanitizeFrameNodes); } </script>

```

Maybe browsers should prevent transparent iframes?! Most people would never suspect this is even possible.

```html

<iframe id="iframe"> <video>...</video> </iframe> <script> iframe.contentWindow.navigator.mediaSession.metadata = new MediaMetadata({ title: 'Never Gonna Give You Up', ... }); </script>

```

```html

<iframe width="420" height="345" src="http://www.youtube.com/embed/oHg5SJYRHA0?autoplay=1" frameborder="0" allowfullscreen></iframe>

```

⚠️ Данный способ работает, если iframe находится на вашем домене.

another tag

iframe annotation