Gatsbyjs + Netlify CMS如何在博客文章中嵌入音频作为背景音乐

Question

我想将音乐作为背景音乐嵌入到我的博客中，并使其自动播放。 我认为这可能很容易，只需输入html代码即可。

我在One Drive上托管音乐，并在博客中插入了3条代码，如下所示：

<iframe src="https://onedrive.live.com/embed?cid=xxxxx&resid=xxx&authkey=xxxxxx" allow="autoplay" width="98" height="120" frameborder="0" scrolling="no"></iframe>

<audio controls="" autoplay="" loop="">
    <source src="https://onedrive.live.com/embed?cid=xxxxx&resid=xxxxx&authkey=xxxxx&autoplay=1" type=”audio/mp3″>
</audio>

<embed id="background-audio" src="https://onedrive.live.com/embed?cid=xxxxx&amp;resid=xxxxx&amp;authkey=xxxxx" autostart="1">

iframe和嵌入标签看起来一样，它们看起来像屏幕截图右侧的音乐图标； 音频标签看起来像左侧的标签，但已禁用。

谁能告诉我该怎么做？

---

更新1

这是后端的外观：