使用Jquery检查AUDIO标记是否具有有效的src

Question

所以这就是我想要的。

如果audio-src有效，则audio-show控件。

如果没有，则不会显示控制

但是，我到底该如何检测音频src是否有效呢？

Answer 1

您实际上不需要jQuery来检查它是否已正确加载

HTML:

<audio onloadeddata="myOnLoadedData()" controls preload="auto">
<source src="source here" type="audio/ogg">
<source src="source here" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

JS:

function myOnLoadedData() { ... do your thing, show controls }

您还可以使用oncanplay属性检查音频是否可以播放