我正在设计一个Reveal.js演示文稿。我在控制台中收到这些警告:
<source> element has no “src” attribute. Media resource load failed.
All candidate resources failed to load. Media load paused.
我正在使用Ubuntu 14.04和Firefox 52.我没有收到Chrome的这些警告。此外,据我所知,音频正常工作。
这就是我设置音频的方式:
document.getElementById("audio4").innerHTML = "<source data-src='../../learn/audio/lesson" + lesson_number + "/" + a_file + ".mp3' type='audio/mpeg'>";
正如您所看到的,我正在使用 data-src (延迟加载)而不是 src 。我怎样才能摆脱那些警告并仍然使用延迟加载?
更新:
我只是查看了reveal.js文件中的一些代码。它会在下一张幻灯片中自动将data-src
更改为src
,并在此之后立即调用.load()
功能。
我尝试了HTML标记 preload ,但这对警告没有任何影响。