背景 播放列表中的视频都是1/2秒到4秒。 播放列表是在页面加载时随机生成的。
策略
HLS Streaming - 我已经实施了这个策略（m3u8播放列表）并且它有效，但它有几个问题。
预加载所有视频 - 我缺乏HTML5视频的经验和深入的知识。我已经实现了一个演示，可以在单独的changeTarea: function(){
var self = this;
$("#select_tarea_id").change(function() {
var id_tarea = $("#select_tarea_id").val();
$.each(self.objTareasFlot, function(index,value) {
if(value.Id === id_tarea){
self.objTareasFlotFinal.Id=value.Id;
self.objTareasFlotFinal.Id_proyecto=value.Id_proyecto;
self.objTareasFlotFinal.nombre_tarea=value.nombre_tarea;
self.objTareasFlotFinal.porcentaje=value.porcentaje;
}
});
// note that console, will log the object reference asynchronously
// this means when browser js thread is finished
console.info(self.objTareasFlotFinal);
});
},
标记中预加载所有视频，然后根据需要切换它们。这适用于Chrome，在Safari中频繁停顿，并在Firefox中猛烈崩溃OSX。
有更好的方法吗？ 也许是一个更好的预加载视频的策略？
非常感谢你。