HTML5视频播放没有声音

时间:2015-09-01 08:33:54

标签: jquery html5 html5-video

我有两个切换视频的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/

干杯

1 个答案:

答案 0 :(得分: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;。