Wie ändere ich die Höhe von iframe beim Laden?

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>

-Code hilft mir den Link von Soundcloud, um eine Vorschau. Sie können seine Arbeit gut testen. aber ich möchte seine Höhe von 400px zu 200px ändern. Ich habe versucht, addclass() und css() hinzuzufügen. Aber es hat nicht funktioniert.

Ich konnte nicht herausfinden, welches Ereignis diese Funktionen auslösen wird, da die Höhe eingestellt werden muss, nachdem der Link in den Eingabetext eingefügt wurde, und lädt iframe, dass Soundcloud lädt.

Answer 1

Versuchen Sie folgendes:

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