html5-video – VLC:如何从mp4转换为webm

前端之家收集整理的这篇文章主要介绍了html5-video – VLC:如何从mp4转换为webm前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何可以使用VLC转换mp4到webm?我应该选择什么编解码器?我需要重新编码声音吗?

我试图将html5视频放在带有Flash的网站上作为回退。据了解,这是Firefox允许的唯一格式(webm)(除非你在Windows 7 64位?)。 Theora似乎工作,但是从我的理解来看,它有点老了,它需要一段时间才能正确渲染图片,并且不提供缩略图:(

<video controls width="500">  
    <!-- if Firefox -->  
    <source src="video/45-theora.ogg" type="video/ogg" />
    <!-- if Safari/Chrome-->  
    <source src="video/45.mp4" type="video/mp4" />
</video>

哦,我在Mac OS Lion上,但是如果让人更容易,我可以访问Windows 7,Vista和XP。

感谢任何帮助!

解决方法

我会将该代码更改为:
<video poster="/path/to/your/thumbnail/image.jpg" preload="Meta" controls width="500"> 
    <!-- if Safari/Chrome-->  
    <source src="video/45.mp4" type="video/mp4" /> 
    <!-- if Firefox -->  
    <source src="video/45-theora.ogg" type="video/ogg" />
</video>

原因:

poster="/path/to/your/thumbnail/image.jpg"

因为您想在用户播放视频之前要显示缩略图

<source src="video/45.mp4" type="video/mp4" /> BEFORE <source src="video/45-theora.ogg" type="video/ogg" />

mp4在开放格式(如webm或therora)之前,因为有一些iOS版本中出现错误,如果mp4是在html中的任何其他格式(首先列出)后列出的,则不会播放视频。

preload="Meta"

因为某些版本的iOS甚至某些版本的Safari和Chrome,如果同一页上的许多视频一次都很难加载页面。 preload = none或preload = Meta可以帮助解决这些问题。

关于编码,Miro Converter在编码方面更好,并且更容易用于转换可由浏览器(mp4,webm,theroa)播放的格式。 VLC有很多选择,但是如果你没有得到正确的话,可以是超快和令人沮丧的。 Miro更是一个拖放应用程序,建议在diveintohtml5

原文链接:https://www.f2er.com/html5/168954.html

猜你在找的HTML5相关文章