自动播放视频或音频，无需静音

Question

我想创建一个可以显示课件的网页。这个课件页面的第一面有一个简短的视频用于介绍，但是我发现无论我做什么，我都无法使视频在没有静音的情况下自动播放（只能在静音的情况下自动播放，但这不是我想要的），有什么办法可以解决这个问题吗？

以下是有关浏览器自动播放限制的更多信息 更多信息

尝试修改浏览器配置可以自动播放，但这仅适用于自己的电脑

chrome://flags/#autoplay-policy

其实这个问题发生在一个大型电子项目中。我尝试过一些简单的 html，但没有一个起作用

Answer 1

在不静音的情况下自动播放视频确实受到包括 Chrome 在内的现代浏览器的限制。这是出于用户体验方面的考虑，大多数浏览器仅允许默认静音的视频自动播放。

但是，由于您正在开发 Electron 项目，因此您可以更好地控制浏览器环境。您可以通过以下方法配置 Electron 来绕过此限制并允许自动播放有声视频：

• 您可以通过调整

  webPreferences

  在 Electron 中启用自动播放 您的

  BrowserWindow

的设置
• 使用

  no-user-gesture-required

  自动播放

示例：

const { app, BrowserWindow } = require('electron');

app.on('ready', () => {
  const win = new BrowserWindow({
    webPreferences: {
      autoplayPolicy: 'no-user-gesture-required',
      nodeIntegration: true,
    }
  });

  win.loadURL('path/to/your/courseware.html');
});

对于 HTML 中的视频元素，请确保视频具有

autoplay

属性，但如果您想要播放声音，请勿添加

muted

属性：

<video autoplay controls>
  <source src="your-video-file.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

在不同的机器上测试此解决方案。由于该问题是由浏览器限制引起的，因此一旦正确配置，其他环境应该表现类似。