How do I embed AV from an external source into a Post?

First, you’ll need to upload your media to a service that can produce embed codes, such as Soundcloud, YouTube, etc.

After your media has been uploaded, click the “Share” button. As an example, this is what the Soundcloud interface looks like :

From here, copy the Embed code. You can tell if you have the right code because it begins with an <iframe> tag:

You won’t need the entire embed code, so paste the iframe link in a text editor. It will look something like this:

<iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1192598410&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/user-123441411" title="Peter Rogers" target="_blank" style="color: #cccccc; text-decoration: none;">Peter Rogers</a> · <a href="https://soundcloud.com/user-123441411/attentiveness" title="Attentiveness" target="_blank" style="color: #cccccc; text-decoration: none;">Attentiveness</a></div>

Look for where it says src= and copy the URL that’s inside of the quotation marks. In this case, the link is:

https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1192598410&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true

This is the only part of the embed code that you will need.

Now go to Tina CMS. In your post, when you click the Embed button, you’ll see a menu of options:

Select AV Embed.

Click on the new “AV Embed” component to edit it. Paste the link into the Embed Link section. Then Save.

When you go to the published Post, you’ll be able to see and play the embedded player.