html - 在网站上提供视频的最佳方式是什么?

标签 html video video-processing

我想在我的网站上提供一些视频。它们以从 FlipShare 相机获取的 .MP4 文件形式提供。

现在我尝试将它们转换为 WMV(成功了,但是当嵌入到 html 中的 <object id='mediaPlayer' width='320' height='285' classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95' etc' 标签中时,用户必须安装一个插件,网站上的 10 个 Windows Media Player 的用户体验并不是那么好.)

然后我看了看 youtube,想知道他们是怎么做到的,但我不知道他们将视频转换成什么格式。

所以我的问题是:我必须将我的视频转换成什么格式,才能在不需要安装在用户浏览器中的播放器中显示。我需要什么工具,嵌入这样的视频的 html 代码是什么?

如您所见:从头开始。

PS:我经常听到:这个或那个文件扩展名只是一个容器,里面可以有任何东西。如果你在你的答案中使用这个,你能向我解释一下吗,因为我一直不明白这一点。对我来说,.cs 是一个 c# 文件,而 .doc 是一个 Word 文件,而不是“容器”。

最佳答案

这不是一个简单的问题。基本答案是您需要使用用户计算机已经支持的格式。这个问题没有唯一的答案。 YouTube 将视频编码为 MP4 并使用基于 Flash 的电影播放器​​将它们嵌入到页面中,并且 Flash 得到了相当广泛的支持,但您会注意到 Flash 在许多移动平台上不可用 - 所以任何使用 iPhone 的人都可以如果您走 Flash 路线,请将其拒之门外。

HTML5 引入了 video标签,旨在一劳永逸地解决这个问题,但即使在那里仍然存在问题——大多数支持 HTML5 的浏览器都支持 h.264 编码的视频,但 Mozilla 支持 Ogg Theora。 YouTube 目前正在试验 <video>基于播放器,所以这看起来确实是 future 。

我相信目前支持尽可能多的人的最佳实践是编码为 h.264,尝试作为 <video>元素,如果它不起作用(可以播放相同的 h.264 文件),则使用基于 Flash 的播放器作为后备。

关于html - 在网站上提供视频的最佳方式是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2595780/

相关文章:

javascript - 左对齐时居中内容

javascript - 从内存源中播放 html5 视频

javascript - 视频播放解决方案

python - ffmpeg 将多张图片放入不同的帧中

javascript - 一旦div的内容发生变化,如何让页面更新

html - 在图像上放置文字

java - 通过 id wicket 查找 html 标记标签

javascript - 结合 2 个 YouTube API?

java - java中的视频转换

python - 将 HSV 掩码转换为一组点