Chrome上的音頻HTML5自動播放

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”，此代碼段才能正常工作。