我准备将一些旧页面更新为HTML5,并且惊讶地发现它在Chrome中有效,但不是最新的Firefox(v.33.1 ...也尝试过v.32)。奇怪的是这个......在Firefox中它实际上会播放,如果你“哄它”。如果您将视频位置滑块移动到开始之外的某个位置(大约5秒钟),然后点击播放,一切都很顺利。进一步的检查显示,当我点击播放时,文件指针跳到文件的末尾,使我的“海报”照片完好无损,导致观众认为他们没有别的办法。但是,如果您手动将指针移回文件的前几秒之外的任何地方(真的!),然后点击“播放”按钮,FF将播放视频的其余部分。
有时候我认为,对于我们中间更具技术头脑的人来说,宇宙会发出更奇怪的问题,而上帝则会笑。
我怀疑视频文件损坏,但我所有的转换都是使用非常可靠的ffmpeg实用程序进行的,并使用VLC进行了测试。同样,它可以在Chrome中运行良好,据称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>
答案 0 :(得分:2)
发现这个可能值得尝试的建议
fmpeg -i input.webm -codec copy -avoid_negative_ts 1 output.webm
https://stackoverflow.com/a/19639848/1686036
它似乎对我有所帮助,虽然它可能是FF的其他“不寻常”