javascript - 类型错误 : undefined' is not a function (evaluating 'myAudio.play()' )"

Question

音频文件无法在 Safari 中播放..它给出了一个错误。

TypeError: 'undefined' is not a function (evaluating 'myAudio.play()')

这是我的 HTML 代码。

<audio>
  <source src="audio/horse.ogg" type="audio/ogg">
  <source src="audio/horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>    

这是我的 JavaScript 代码

myAudio = document.getElementsByTagName('audio')[0];
if (typeof myAudio.loop == 'boolean'){
  myAudio.loop = true;
}
else{
  myAudio.addEventListener('ended', function() {
  this.currentTime = 0;
  this.play();
   }, false);
}   
myAudio.play();

我在 HTML 中只有一个音频标签。

Answer 1

我在我的 windows 电脑上遇到了类似的问题。

因此，为了进行测试，我创建了一个简单的 HTML 文件，其中包含一个红色的大圆点，然后单击即可播放音频。它适用于除 safari 之外的所有 HTML5 兼容浏览器。我花了一整天的时间尝试了 100 多种不同的解决方案来让它在 safari 上运行，但没有成功。

最后，我安装了 QuickTime(最新版本)，它解决了 50% 的问题。

其余 50% 的问题是代码结构。

<audio id="audio1" src="audio/guestProfile.ogg" type="audio/ogg" ></audio>
<audio id="audio1" src="audio/guestProfile.mp3" type="audio/mpeg"  ></audio>

它不喜欢上面的代码。所以我不得不将其更改为以下内容:

<audio id="audio1">
    <source src="audio/guestProfile.ogg" type="audio/ogg">
    <source src="audio/guestProfile.mp3" type="audio/mpeg">
    Your browser does not support the audio tag.
</audio>

这可能不是完美的解决方案。但这对我有用。