How toEmbed Youtube Spotify

Embed YouTube, Spotify, or Any iframe

Quotion supports markdown, allowing you to embed popular services directly into your post using iframe code.

Embedding YouTube Videos

  1. Find the embed code when sharing the video
  2. Paste the code into your note

Example:

<iframe
  width="560"
  height="315"
  src="https://www.youtube.com/embed/Qw1OSKGVeIQ?si=WvXs-YTySSnbUVgI"
  title="YouTube video player"
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
  allowfullscreen
></iframe>

Result:

Embedding Spotify Tracks

  1. Share the track and select “Embed track”
  2. Copy the provided code
  3. Paste it into your note

Example:

<iframe
  style="border-radius:12px"
  src="https://open.spotify.com/embed/track/7MXVkk9YMctZqd1Srtv4MB?utm_source=generator"
  width="100%"
  height="352"
  frameborder="0"
  allowfullscreen=""
  allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
  loading="lazy"
></iframe>

Result:

Tips for Embedding

  • Adjust dimensions: Modify width and height attributes to fit your layout
  • Responsive design: Use percentage values for width to ensure responsiveness
  • Loading optimization: Add loading="lazy" for better performance

Troubleshooting

If the embed doesn’t appear:

  1. Check your internet connection
  2. Ensure the embed code is correctly pasted
  3. Verify that the source (YouTube, Spotify) is accessible in your region

For more information on markdown features, see our Markdown Guide.