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”。