【问题标题】:Trouble getting HTML5 vidio to play, in Firefox 33在 Firefox 33 中无法播放 HTML5 视频
【发布时间】:2015-01-16 20:18:29
【问题描述】:

我正准备将一些旧页面更新为 HTML5,并惊讶地发现它可以在 Chrome 中运行,但不能在最新的 Firefox 中运行(v.33.1...也尝试过 v.32)。奇怪的是……在 Firefox 中,如果你“哄它”,它实际上会播放。如果您将视频位置滑块移动到起点以外的某个位置(大约 5 秒),然后单击播放,一切都很好。进一步检查显示,当我单击播放时,文件指针跳到文件末尾,而我的“海报”照片完好无损,导致观看者认为他们无能为力。但是,如果您手动将指针移回文件前几秒之外的任何位置(真的!),然后单击“播放”按钮,FF 将正常播放视频的其余部分。

有时我认为,对于我们当中更有技术头脑的人来说,宇宙会解决更奇怪的问题,而上帝却在笑。

我怀疑视频文件损坏,但我所有的转换都是使用非常可靠的 ffmpeg 实用程序进行的,并使用 VLC 进行了测试。同样,它在 Chrome 上运行良好,据说它使用相同的视频格式。这是一个链接...

FF 将播放旧类型的 ogv 文件,所以如果这是 FF(现在的 33 版)出现问题的其中之一,我将不得不检测浏览器并自己使用 document.write( )。但是很高兴知道是否有更直接的解决方案。

请注意,我已尝试将 mime 类型添加到我的 HTACESS 文件中。但是,当我的浏览器直接指向本地机器上的文件时,行为是相同的,这让我怀疑这是问题所在。

http://pixyland.org/peterpan/OurWedding2a.html

这是页面代码

 <!DOCTYPE html > 

<html>
<head>
    <title>Our Fairy Wonderful Wedding Day... The Arrival!! 
</title>

    <link rel="shortcut icon" href="/pixyland.ico" >

</head>

<body  marginwidth="10" leftmargin="10"  rightmargin="10" bgcolor="#33cc99" link="#333399"  >



<table align="center" border="1"><tr><td align="center">
<div id='vtLocation' align="center">

<video width="640" height ="480" controls poster="Imagezz/Wedding/arIMG_2280.JPG">
 <source src ="../vids/Arrival.mp4" type="video/mp4">  <!--cSafari / iOS -->
 <source src ="../vids/Arrival.webm" type="video/webm"> <!-- Firefox / Opera / Chrome -->
 <source src ="../vids/Arrival.ogv" type="video/ogg" > <!-- older Firefox / Opera / Chrome -->


 <!-- download as last resort -->
 <p>If you are unable to view the video, here are some links to download <br>
  in a a few well supported video formats. You may be able to just download <br>
  and play one of these files without the browser.<br><br>
  <strong>Download Video:</strong>nbsp;
    nbsp;<a href="../vids/Arrival.mp4">"MP4"</a>
    nbsp;<a href="../vids/Arrival.webm">"WEBM"</a>
    nbsp;<a href="../vids/Arrival.ogv">"Ogg"</a>
 </p>

 </video>
 </div>
 </table>



</body>
</html>

【问题讨论】:

  • 谁对我的问题投了反对票,真的应该去活下去。如果某人有一个合法的问题并且很好地记录了它,那么试图阻止这种活动的目的是什么?你显然没有什么建设性的补充。我会问我的问题,会从乐于助人的人那里获得帮助,并在 O 可以的时候帮助他人。你拉的那几点,我的参与对我来说并不重要。拿下你的反对票并吃掉它。 ——

标签: html firefox ffmpeg


【解决方案1】:

发现这个建议可能值得一试

fmpeg -i input.webm -codec copy -avoid_negative_ts 1 output.webm

https://stackoverflow.com/a/19639848/1686036

这似乎对我有所帮助,虽然它可能是 FF 的其他“不寻常”

【讨论】:

  • 谢谢。我已经注意到这是我需要尝试我的转换批处理文件的东西,因为解释很有意义。感谢您花时间回答并提供帮助。我想知道我的问题是否出在我的原始 AVI 文件中!但无论如何,如果它有效,我希望能够在初始转换期间发现在哪里添加标志。对于 webm 转换,我通常在这样的批处理文件中传递我的输入和输出文件..... ffmpeg -i %1 -codec:v libvpx -crf 10 -b:v 1M -codec:a libvorbis %2
猜你喜欢
  • 2013-03-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-04-06
  • 1970-01-01
  • 2014-10-12
  • 2012-01-25
相关资源
最近更新 更多