html - 音频 HTML5 在 chrome 上自动播放

Question

这是我的音频的代码：

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

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

Answer 1

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

// 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' 才能使此代码段正常工作。