HTML5 视频播放没有声音

Question

我有 2 个可以切换的视频的 jsFiddle。第一个视频是没有声音的预告片，第二个视频（点击右上角显示）应该播放声音...

有什么建议吗？

<div class="buttons">
<div class="show-button">Show</div>
<div id="infoToggler">
    <div class="play-button">Play</div>
    <div class="pause-button">Pause</div>
</div>
<div class="exit-button">Exit</div>
</div>
<video id="video-1" autoplay loop mute preload>
<source src="http://www.helloaerial.com/videos/new/webDemoAerial2.mp4" type="video/mp4" />
</video>
<div class="video-large">
<video id="video-2">
    <source src="https://www.bigcartel.com/videos/bgvid-1280x720-rf25-d0e7eb9e.mp4v" type="video/mp4" />
</video>
</div>

https://jsfiddle.net/tebrown/849y5fgs/8/

干杯

Answer 1

您的代码没有问题，但我发现您的视频文件https://www.bigcartel.com/videos/bgvid-1280x720-rf25-d0e7eb9e.mp4v 可能是“仅视频文件”。这意味着“.mp4v”，其中“v”仅定义视频。如果你直接在 chrome 浏览器上打开这个视频（我在最新版本上测试过），它会显示音量控制禁用，这意味着你的视频可能没有音频。请尝试使用另一个有音频的 mp4 视频。

另一个原因（假设）是对于 ".mp4v" ，您应该使用另一个 MIMETYPE 而不是 "video/mp4"。