come cambiare l'altezza dell'iframe quando viene caricato?

Question

$('#song-link').change(function() { 
 
    var link = $('#song-link').val(); 
 
    SC.oEmbed(link, { 
 
    element: document.getElementById('putTheWidgetHere') 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://connect.soundcloud.com/sdk/sdk-3.1.2.js"></script> 
 
<input id="song-link" placeholder="Paste Soundcloud link here" name="song_link" type="text"> 
 
<div id="putTheWidgetHere"></div>

codice mi aiuta a visualizzare in anteprima il link del Soundcloud. Puoi testare i suoi lavori bene. ma voglio cambiare la sua altezza da 400px a 200px. Ho provato ad aggiungere addclass() e css(). Ma non ha funzionato.

Non riesco a capire quale evento attiverà queste funzioni poiché l'altezza deve essere impostata dopo che il collegamento è stato incollato sul testo di input e caricato sullo iframe caricato da soundcloud.

Answer 1

Prova questo:

#putTheWidgetHere iframe { 
    min-height: 200px; 
    height: auto; 
}