Javascript Reveal.js-<；来源>；元素没有“；src&x201D；属性

我正在设计一个Reveal.js演示文稿。我在控制台中收到以下警告：

<source> element has no “src” attribute. Media resource load failed.
All candidate resources failed to load. Media load paused.

元素没有“src”属性。媒体资源加载失败。
未能加载所有候选资源。媒体加载暂停。

我正在使用Ubuntu 14.04和Firefox 52。我没有从Chrome得到这些警告。而且，据我所知，音频工作正常

以下是我设置音频的方式：

document.getElementById("audio4").innerHTML = "<source data-src='../../learn/audio/lesson" + lesson_number + "/" + a_file + ".mp3' type='audio/mpeg'>";

document.getElementById（“audio4”）.innerHTML=“”；

如您所见，我使用的是数据src（延迟加载）而不是src。我如何摆脱这些警告，仍然使用延迟加载

---

更新：

• 我只是浏览了一下leaver.js文件中的一些代码。在下一张幻灯片中，它会自动将

  数据src

  更改为

  src

  ，并在此之后调用

  .load（）

  函数

• 我尝试了HTML标记预加载，但对警告没有任何影响

---

延迟加载完成后（当您设置了真正的src时），调用mediaElement（此处为

属性？），即使浏览器不必遵循该属性，但演示文稿完成后会进行延迟加载。在幻灯片1上，加载幻灯片2的音频。在幻灯片2上，加载幻灯片3的音频，等等……此外，您是否建议禁用预加载或启用预加载？我建议将设置为默认的
自动
，浏览器为cl。）有更多关于用户的信息。加载元数据不会使你的页面速度变慢。如果你不开始播放媒体，在很多浏览器中，你的预加载将无法工作（即，如果不需要，他们不会加载媒体）。我更新了我的问题