2013-01-03 61 views
4

我想在我的网站上预加载一些小视频文件,当它首次加载时。这是为了当用户点击进入网站的一部分时可以自动播放和使用它们。我需要无缝过渡,因此理想情况下应该预装整个视频文件以避免任何延迟。预加载视频文件 - HTML5播放

我试了几个不同的插件,如html5preloader,还有一些其他的JS技术来加载视频文件到页面,但隐藏他们试图强制浏览器加载视频之前,我使用它们。

当我需要播放不同的视频时,只需更换视频src就没有太大区别。

实际上是否有适当的解决方案,或者是因为HTML5视频播放,只有浏览器部分下载文件,因为它是播放?

感谢您为HTML5回放预加载视频文件的任何想法和反馈。

感谢

+0

您可能不想预载整个视频。如果用户从不观看任何特定视频怎么办?理想情况下,您可以部分预加载视频,然后在用户观看时加载剩下的视频。这允许用户立即播放并且不会浪费带宽。这实际上是YouTube所做的。 –

+0

剪辑非常小,每个5秒,并有5个或他们。用户在浏览网站场景时最终会观看每部电影。我只需要完全加载文件,以便从一个部分到另一个部分的过渡将是无缝的 –

+0

您是否尝试将“预加载”属性添加到视频元素中? – brianchirls

回答

0

这样的事情应该有所帮助:

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

虽然因为预紧= “自动” 是不是跨浏览器一致的milage可能会有所不同。如果这些片段非常短(您提到了5秒),那么它可能会相当可靠