title: Add a Spotify link in an HTML form
body: <p>It's pretty easy to copy a Spotify song URL and generate the required <code>iframe</code> code to paste into your own HTML code, e.g:</p>
  
  <pre><code>&lt;iframe src="https://open.spotify.com/embed/track/1q8gelFgFYUwoWpQV7WNCe" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>just for others' reference, details of how to do this can be found at <a href="https://developer.spotify.com/documentation/widgets/generate/play-button/" rel="nofollow noreferrer">https://developer.spotify.com/documentation/widgets/generate/play-button/</a></p>
  
  <p>However, the question I have is about allowing a user to paste this same code into an HTML form, to allow it to show on a user's profile page. The only ways I can think of doing this currently are either:</p>
  
  <ol>
  <li><p>Use an  tag and ask the user to first remove the  and " from the link before pasting (e.g. <a href="https://open.spotify.com/embed/track/1q8gelFgFYUwoWpQV7WNCe" rel="nofollow noreferrer">https://open.spotify.com/embed/track/1q8gelFgFYUwoWpQV7WNCe</a>" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media).  Then, using the pasted text as a variable between  tags.  This method is not preferred as requires action from the user.</p></li>
  <li><p>Allow the user to paste the entire link, then use a function to remove the /", before following the same approach of using the code as a variable.</p></li>
  </ol>
  
  <p>Is there a more straightforward approach I am missing here? Is there a way the entire <code>&lt;iframe&gt;</code> code can be pasted into a form to directly appear on the user's profile?</p>
  
  <p>Thanks in advance for any assistance.</p>