2

我对在网站上嵌入视频有点陌生。最好的方法是什么?我刚开始阅读它。

我读到我应该使用 HTML5 和浏览器的本机播放器。-- 有谁知道将使用浏览器播放器并检测浏览器是否不使用 HTML5 降级为 Flash 播放器的 javascript 库?

至于编码什么是最好的方法?我打算编写一个小控制台应用程序来使用 FFMPEG 转换视频。但是我应该使用什么编码?听说H.264很有前途?但

4

5 回答 5

6

这就是你要找的:http: //videojs.com/

编码方面,我认为 H.264WebM 是一个明智的选择。这样一来,您将满足所有现代浏览器和移动设备(包括 iOS 和 Android)的要求,并且只为旧的 HTML5 之前的浏览器(以及仅支持 Theora 的 FF 3.6)回退到 Flash。

于 2010-10-20T15:23:53.850 回答
3

DIY 方法是使用Video For Everyone嵌入代码。这将导致 HTML5 视频和回退到 Flash。然后对于视频编码,你可以像你说的那样使用 FFmpeg。

为了让您的生活更轻松,您应该为您的 HTML5 视频播放器查看VideoJS 。它处理了许多跨浏览器问题和一些浏览器尚不支持的额外功能。对于视频编码,如果您打算使用 FFmpeg 专门用于自动编码,您应该查看Zencoder 的视频编码 API。它可以为您节省一些设置时间和兼容性问题。

对于编解码器,#1 优先级应该是 h.264,特别是使用基线配置文件,以便它可以在智能手机上运行。之后,ogg 和 webm 都是不错的选择。WebM 的文件大小质量更高,但 Ogg 可以被更多用户查看,因为旧版本的 Firefox 支持它。请注意,如果您只使用 h.264,Video For Everyone 代码不会回退到 Firefox 和 Opera(不支持 h.264)中的 Flash,因此您需要使用像 VideoJS 这样的播放器。

于 2010-12-09T18:26:17.010 回答
1

使用 Handbrake 进行视频编码,尤其是 HTML 5 支持。

HTML 5 是嵌入视频的绝佳方式,但尚未标准化。如果您支持 iOS 设备,您肯定想使用它,因为它们当然不支持 Flash,这是嵌入视频的最主流方式。

HTML5 非常棒,因为它就是这么简单:

<video src="video.m4v" />

这是一个非常有用的链接: http ://www.robwalshonline.com/posts/tutorial-serving-html5-video-cross-browser-include-ipad/

于 2010-10-20T15:23:40.890 回答
0

降级很简单...

<video ... > 您的浏览器不支持 html5 视频 </video>

将降级代码放在视频标签的打开和关闭之间...非 html5 浏览器将忽略视频标签并在打开和关闭视频标签之间呈现 flash 或任何 html 代码。HTML5 浏览器将呈现视频并忽略 html 代码。

此功能还可用于让人们了解 chromeframe http://wsmithdesign.wordpress.com/2010/10/03/using-html5-video-tag-with-ie8/它适用于 IE 6-8 并允许他们使用 HTML5 视频。

视频格式还是个问题;不是所有的浏览器都支持mp4,也不是所有的浏览器都支持ogv。

于 2010-10-24T21:29:18.940 回答
-1

我读到我应该使用 HTML5 和浏览器的本机播放器

哪个白痴告诉你的?鉴于您将失去很大一部分客户群,您要么运行 HTML 5 浏览器的单一文化,谁说应该在麦当劳提供汉堡,而不是向人们提供建议。HTML 5 和集成播放器很不错,但还没有面向大众。几年后,是的。现在 - 如果我聘请一家网络公司将视频放在网站上并且他们这样做,他们会因严重忽视和无能而被起诉。

今天,播放主要是闪存 - 具有很高的渗透率。Flash 视频播放器也是 youtube 等网站目前使用的。如果你追求更少(渗透),Silverlight 非常好,并且拥有完整的后端基础架构。

听说H.264很有前途?

所以呢?首先,您需要修复播放端,然后根据您的播放决定使用最有效的格式。

于 2010-10-20T15:21:46.793 回答