You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Safari、Chrome、Firefox中自动播放音视频遭拦截问题求助

网页音频/视频自动播放问题求助

我想实现以下任一效果:

  • 在所有浏览器中自动播放带声音的视频
  • 在所有浏览器中自动播放音频
  • 自动播放静音视频的同时,自动播放独立文件中的音频

这个问题存在多年,试过各类平台提供的解决方案都无效。目前我已经通过GIF占位图解决了视频相关的问题,现在首要需求是实现音频自动播放。

我当前使用的代码如下:

<body>
    <video muted preload autoplay loop playsinline poster="/lib/vid/home.gif">
        <source src="/lib/vid/home.mp4" type="video/mp4">
    </video>
<script>
    
    var music = new Howl({
    src: ['/lib/audio/home.mp3'],
    autoplay: true,
    loop: true
  });
  
  music.play();

</script>

如上所示,我用了推荐的Howl库尝试实现音频自动播放,但所有浏览器中音频都需要用户交互后才能播放。我查阅过的多个方案及演示均已失效,难道自动播放功能已经无法实现了?

内容的提问来源于stack exchange,提问作者Guesser

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.21 23:42:06