音频 HTML5 在 chrome 上自动播放

Posted 2023-02-25

【中文标题】音频 HTML5 在 chrome 上自动播放

【英文标题】：Audio HTML5 autoplay on chrome

【发布时间】：2013-10-23 08:54:18

【问题描述】：

这是我的音频的代码：

<audio autoplay >
<source src="sources/audio/pop.ogg" type="audio/ogg">
<source src="sources/audio/pop.mp3" type="audio/mpeg">
</audio>

这在 FF 中运行良好，但在 chrome 上却不行。 如果我添加控件，那么它可以在 chrome 上运行，但仍然没有自动播放，我不想要控件。

【问题讨论】：

你试过autoplay="autoplay"

【参考方案1】：

我在 Chrome 中无法自动播放视频时遇到了同样的问题。 Chrome 现在会阻止视频和音频元素中的自动播放。解决方案是将 .play() 函数延迟 1 秒。对于您的音频问题，只需将我的 sn-p 中的所有“视频”替换为“音频”即可。

// Autoplay videos
var playVideos = function () 
  // Get all elements with the video tag
  var videos = document.getElementsByTagName('video');
  // Loop through the videos
  for (i = 0; i < videos.length; i++) 
    // Play video
    videos[i].play();
   
;

// Define body variable
var body = document.getElementById('body');
// Wait 1 Second to trick out Chrome
setTimeout(function() 
  // execute the playVideo function
  body.addEventListener('onload', playVideos(), false);
, 1000);

PS：你需要为你的 Body 提供 id 'body' 才能让这个 sn-p 工作。

【讨论】：

这不再有效 - 得到“未捕获（承诺）DOMException”。