How To Embed Spotify Playlists (and Other Things) On Ao3!

How To Embed Spotify Playlists (and other things) on Ao3!

Shoutout to @olderthannetfic, whose posts about it made me aware it was a thing.

It's really very easy from desktop. I'm not sure if there's a way to do it from the mobile app, but I haven't figured it out yet, unfortunately.

START BY opening the playlist you want to embed via spotify's web player. Click the meatball menu to the right of the play button.

navigate to "share", then "embed playlist":

You'll get a window that should look like this:

I don't know if it matters if you click to see the code, but I did. You can also toggle things like color and size here, and spotify's API reminds you of its Terms of Service.

Copy the HTML, then scoot over to Ao3 and post a new work:

Then scroll down to "work text". IMPORTANT: You want the input to be HTML, not rich text. Paste the html code you just grabbed from spotify. It should look like this:

After you've pasted in the code, switching over to rich text should show you your playlist like so!

ET VOILA.

This works for other kinds of embedded media also. It's still hosted by spotify (or wherever), but it will display via ao3.

Please feel free to caption this! There's no alt text, but I've been told tumblr's alt text system is terrible and virtually useless anyway, and I simply do not have the spoons to do good captions.

@ciaraloves ask and ye shall receive~