这个视频加载得如此之快?

时间:2013-10-10 07:15:00

标签: javascript html5 audio video streaming

在令人印象深刻的网页设计展示中,视频链接here立即开始播放,带有音频。它是如何实现这一目标的?

2 个答案:

答案 0 :(得分:2)

在您实际点击“观看视频”之前,他们会在第一页上下载前几秒的视频。然后,只有在您开始播放视频时,他们才会下载剩下的部分。

尝试使用Chrome中的开发者工具或Firefox中的Firebug等工具进行查看。当我加载第一页时,我看到使用HTTP代码206 - 部分内容下载的c46d7659-2578-42b8-a671-e59ef633eae7_16.mp4(2.1 MB)。稍后,如果您播放视频,则此文件会增长。

答案 1 :(得分:0)

在html 5中存在一个带有新元素的autoplay属性:

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

来源:http://www.w3schools.com/tags/att_video_autoplay.asp