嵌入模块测试

steam页面

源码：

<div style="max-width:100%;overflow:auto;">
  <iframe src="https://store.steampowered.com/widget/3411510/" frameborder="0" width="646" height="190" style="max-width:100%;"></iframe>
</div>

网易云

• 链接中的auto=0开关可以控制自动播放功能
• 如果无法播放，大概率有版权问题
• 外部的框体可以不要，astro支持iframe嵌入

源码：

<div style="max-width:100%;overflow:auto;">
  <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="https://music.163.com/outchain/player?type=2&id=2099558383&auto=0&height=66"></iframe>
</div>

Spotify

• 似乎没有自动播放功能，很遗憾
• 外部的框体也可以不要

源码:

<div style="max-width:100%;overflow:auto;">
  <iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/track/0csqswZQz0dGGt4lScG0hq?utm_source=generator&theme=0" width="100%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</div>

YouTube

<div style="max-width:400px;overflow:auto;">
  <iframe width="330" height="280" src="https://www.youtube.com/embed/q6xw137pCIw?si=93x1CDbfaKTdrNXW&amp;controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>