【问题标题】:Autoplay audio not working on any browser自动播放音频在任何浏览器上都不起作用
【发布时间】:2021-11-07 09:09:45
【问题描述】:

我正在设计一个 HTML 页面,并使用以下代码在标题中添加了一个音频:

<audio id="audio_play">
    <source src="voice/Story 2_A.m4a" type="audio/ogg" />
</audio>
<img class="head-icon" src="img/audio.png" onClick="document.getElementById('audio_play').play(); return false;" />
<img class="head-icon2" src="img/audio2.png" onClick="document.getElementById('audio_play').pause(); return false;" />

但现在我想在页面加载时自动播放音频。我在音频标签和源标签上都使用autoplay。却帮不上忙。甚至删除了代码following this 的最后两行,但这也无济于事。

您可以查看页面directly from here

根据添加的代码,它现在在单击图标时播放音频。我不是 确定我缺少什么让它在页面加载时自动播放。

【问题讨论】:

  • 你应该阅读这个developer.chrome.com/blog/autoplay
  • 知道了。目前,单击最后一行代码正在播放音频。是否有一个脚本可以用来在页面加载时自动单击按钮?可能是几秒钟后?
  • 这能回答你的问题吗? How to make audio autoplay on chrome
  • 这是不可能的,因为它被浏览器默认阻止。这是好事,因为垃圾邮件发送者可以使用它来向用户发送垃圾邮件。

标签: javascript html jquery


【解决方案1】:

音频/视频已被限制自动播放。他们只能通过用户交互来玩。另外请保持音频文件的格式为 ogg 而不是 m4a,因为您已将类型指定为 audio/ogg。从 voice/Story 2_A.m4a 更改为 voice/something.ogg

【讨论】:

    猜你喜欢
    • 2020-08-28
    • 1970-01-01
    • 2014-11-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-01
    • 2017-07-12
    • 1970-01-01
    相关资源
    最近更新 更多