【问题标题】: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 上解决此问题。

【问题讨论】:

标签: 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
猜你喜欢
  • 2014-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-03-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-09-27
相关资源
最近更新 更多