HTML5 – 如何流大的.mp4文件?

我试图设置一个非常基本的html5页面,加载.mp4视频是20MB。看来,浏览器需要下载整个事情,而不是只播放视频的第一部分和其余的流。

This post是我在搜索时发现的最接近的东西…我尝试了两个手闸和数据转盘两者似乎没有什么区别:

任何想法如何做到这一点,或者如果可能的话?

这里是我使用的代码

<video controls="controls">
    <source src="/video.mp4" type="video/mp4" />
    Your browser does not support the video tag.
</video>

解决方法

> Ensure that the moov (metadata) is before the mdat (audio/video data).这也称为“快速启动”或“Web优化”。例如, Handbrake has a “Web Optimized” checkboxffmpegavconv具有输出选项-movflags faststart。
>确保您的网络服务器报告正确的内容类型(视频/ mp4)。
> Ensure that your web server is configured to serve byte range requests
>确保您的Web服务器未对mp4文件中的压缩应用gzip或deflate压缩。

您可以使用curl -I http://yoursite/video.mp4或使用浏览器中的开发人员工具(ChromeFirefox)检查Web服务器发送的标头(如果缓存,请重新加载页面)。 HTTP响应报头应包含Content-Type:video / mp4和Accept-Ranges:字节,并且不包含content-encoding :.

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码