【问题标题】:Audio HTML5 autoplay on chrome音频 HTML5 在 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"

标签: html google-chrome html5-audio


【解决方案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”。
猜你喜欢
  • 1970-01-01
  • 2018-11-02
  • 1970-01-01
  • 2016-02-25
  • 2015-08-10
  • 1970-01-01
  • 2018-08-31
相关资源
最近更新 更多