reactjs - 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″&gt;
</audio>

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

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

谁能告诉我怎么做？

---

更新 1

这是后端的样子：

标签： reactjsgatsbynetlifynetlify-cms