javascript - 如何处理音频视频html5中不存在的源？

Question

如何处理音频视频html5中不存在的源？

我试过https://www.w3schools.com/TAgs/av_event_error.asp :纯 JavaScript

<audio controls onerror="alert(1);">
  <source src="http://somethingthatnotexist" type="audio/mpeg">
</audio>

使用jquery

<audio controls ">
  <source src="http://somethingthatnotexist" type="audio/mpeg">
</audio>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<script>
    $(function(){
        $('audio').on('error', function(){
            alert(1);
        })
    });
</script>

但尚未解决。

正确的做法是只放置属性 src里面<video>标签不在 <source> 内标签。像这样:适用于 javascript 和 jquery

<audio id="myaudio" controls src="http://somethingthatnotexist"></audio>

但这对我来说看起来很尴尬，因为:

1. 我需要向我的客户提供超过 1 个音频

2. 有很多播放器插件/库使用 <audio><source src=""></source></audio>不是<audio src=""></audio>

感谢您的帮助。

Answer 1

试试这个

<audio controls>
  <source id="my_audio" src="http://somethingthatnotexist" type="audio/mpeg">
</audio>

和

$("#my_audio").on("error", function (e) {
  alert("Error with source file!");
});