HTML5 <video> 标签在 Firefox 中不起作用答案

【问题标题】：HTML5 <video> tag not working in FirefoxHTML5 <video> 标签在 Firefox 中不起作用
【发布时间】：2018-05-19 20:36:00
【问题描述】：

    <video  poster="https://res.cloudinary.com/deesul/image/upload/v1482128248/Up_ci3qna.jpg" autoplay="true" loop preload="auto" >
  <source src="https://res.cloudinary.com/deesul/video/upload/v1482630062/Up_1_ofz5ri.ogv" type="video/ogv">
 <source src="https://res.cloudinary.com/deesul/video/upload/v1482126175/Up_srxisl.webm" type='video/webm; codecs="vp8.0, vorbis"'>     
  <source src="https://res.cloudinary.com/deesul/video/upload/v1482126174/Up_tle5de.mp4" type="video/mp4">     
</video>

这不会在 Firefox 中显示海报或视频。请帮助我在 Firefox 上解决此问题。

【问题讨论】：

OGV 文件格式对于 Firefox 和 safari 可能有问题！请结帐stackoverflow.com/q/2643447/4672474

标签： html firefox video

【解决方案1】：

这是来自 MDN 和 W3C 的基本结构

<video width="600px" height="320px" class="video" controls poster="https://unsplash.it/598/320">
   <source src=http://techslides.com/demos/sample-videos/small.webm type=video/webm> 
  <source src=http://techslides.com/demos/sample-videos/small.ogv type=video/ogg> 
  <source src=http://techslides.com/demos/sample-videos/small.mp4 type=video/mp4>
<source src=http://techslides.com/demos/sample-videos/small.3gp type=video/3gp>
</video>

【讨论】：

我不熟悉 MDN 和 W3C。我是网站上视频格式/编解码器的菜鸟。你能帮忙指出我的问题是什么吗？我不知道为什么，也不知道该怎么做。
它在 Chrome 和 IE 中有效，但在 Firefox 中无效。我不知道为什么它没有
这段代码对你有用吗？所以你可以按照步骤，而且我可以给你一个链接......
几乎所有现代浏览器都支持HTML5视频标签caniuse.com/#search=video