如何在视频中启用声音答案

【问题标题】：How to enable sound in video如何在视频中启用声音
【发布时间】：2021-07-01 06:54:52
【问题描述】：

我使用视频标签在我的网站中添加了来自本地计算机的视频，一切正常，但视频运行时没有声音。声音选项是灰色的。我尝试使用不同的视频，但问题仍然存在。

音频文件工作正常。甚至我在 HTML 上使用的视频也可以在媒体播放器中使用。我知道这里有什么问题

这是我的代码 sn-p

    <!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title> New Page</title>
  <style>
    video {
      width: 300px;
      height: 200px;
      border: 1px solid #666;
    }
  </style>
  <link rel="stylesheet" href="style/style.css">

</head>
<header>
  <h1>Hyperlink</h1>
</header>
<main>

  This is test!!!!!!!!
  <div id='Absoulute'>




  </div>

  <video src="video/video.mp4" controls autoplay unmuted ></video>
  <br>
  <div>

    <h2> Audio</h2>
    <audio controls>
      <source src="video/audio.mp3">
    </audio>

  </div>

</main>
    
</html>

【问题讨论】：

你用了哪些浏览器来测试它？
这能回答你的问题吗？ How to unmute html5 video with a muted prop
Chrome 92 和 Windows 11 上的 Edge
@StephanBauer我尝试使用脚本。我什至删除了自动播放，静音仍然没有声音也没有循环

标签： html

【解决方案1】：

您无法取消静音自动播放，因为它在大多数浏览器中被禁用所以用这个

<video src="video/video.mp4" controls autoplay muted ></video>

【讨论】：

我试过了，视频既不是静音也不是循环播放。在许多浏览器中尝试过

【解决方案2】：

删除unmuted，因为它是无效的视频属性。如果您想将视频静音，请尝试muted。

<video src="video/video.mp4" controls autoplay></video>

演示codepen

【讨论】：

感谢帮助它工作但仍然没有循环。视频在指定时间后停止
如果要循环播放视频，添加loop属性为<video src="video/video.mp4" controls autoplay loop></video>。