引导嵌入式视频中没有声音

Posted

技术标签:

【中文标题】引导嵌入式视频中没有声音【英文标题】:No sound in bootstrap embedded video 【发布时间】:2018-07-04 15:08:12 【问题描述】:

我的代码有问题。基本上,视频播放,但我没有任何音频。

你能告诉我这有什么问题吗?

<div class="embed-responsive embed-responsive-4by3">
  <iframe class="embed-responsive-item" src="mov1.MOV" allowfullscreen></iframe>
</div>

【问题讨论】:

【参考方案1】:

改用&lt;video&gt;

<div class="embed-responsive embed-responsive-4by3">
    <video class="embed-responsive-item">
        <source src="mov1.MOV" type="video/mp4">
    </video>
</div>

这里有一些关于使用 &lt;video&gt; 元素的附加文档:https://developer.mozilla.org/en-US/docs/Web/html/Element/video

【讨论】:

不幸的是,现在它看起来像一个图像。它只是在开始时冻结,仅此而已。 @K.Klik 您可能对该特定视频的格式有疑问。您可以在此处尝试测试视频:camendesign.com/code/video_for_everybody/test.html 和/或了解支持的格式:developer.mozilla.org/en-US/docs/Web/HTML/…【参考方案2】:

我发现扩展 MOV 不再受支持。最简单的就是转换成html5支持的格式。

感谢您的帮助

【讨论】:

以上是关于引导嵌入式视频中没有声音的主要内容,如果未能解决你的问题,请参考以下文章

在 facebook 嵌入式视频中设置自动播放时如何启用声音?

h5在页面嵌入video时,只有声音没有画面

我的电脑在网页中播放视频只有声音没有画面是怎么回事?

html中用embed嵌入视频,怎么没有图像

视频只有声音没有画面?

手机视频只有声音没有画面怎么解决呢?