Question

我有两个切换视频的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可能只是视频文件＆＃34;。这意味着＆＃34; .mp4v＆＃34;在哪里＆＃34; v＆＃34;仅定义视频。如果您在Chrome浏览器上直接打开此视频（我在最新版本上测试过），它将显示音量控制禁用，这意味着您的视频可能没有音频。请尝试使用带有音频的另一个mp4视频。

另一个原因（假设）是＆＃34; .mp4v＆＃34; ，你应该使用另一个MIMETYPE而不是＆＃34; video / mp4＆＃34;。

HTML5视频播放没有声音

1 个答案: