【问题标题】:What is current best-practice for using MP4s/video on the web?当前在网络上使用 MP4/视频的最佳做法是什么?
【发布时间】:2011-07-14 15:47:36
【问题描述】:
我正在制作一个包含视频作为相当大组件的网站。
我知道我们想要专注于 mp4 格式/文件。我只是想知道这些天包含 mp4 视频的基于标准的最佳方式是什么?我在网上遇到的许多事情我不确定它是否已经过时。我们希望它可以在移动设备以及大多数桌面浏览器上运行,并且最好不需要安装奇怪的插件。但更好的是不必编写我们自己的播放器。
听说html5支持直接视频嵌入,但不知道如何优雅降级。
【问题讨论】:
标签:
html
video
mp4
web-standards
video-embedding
【解决方案1】:
我建议你使用 HTML5,每个文件至少有两个源文件。
如果您使用多源形式,浏览器将只下载它可以播放的一种(不占用带宽。)
像这样的:
<body>
<video width='320' height='240' controls>
<source src='video.webm' type='video/webm; codecs="vp8, vorbis"'>
<source src='video.ogv' type='video/ogv; codecs="theora, vorbis"'>
</video>
</body>
通过这两种格式,您可以满足大部分需求(它们是标准的)。
此外,您还应该为不兼容的浏览器 (IE8-) 添加一些 Flash 后备。