Android浏览器缓存和javascript

Question

您好我有一个使用html5视频元素播放视频的移动网站。

我有一个链接播放列表，可以使用jquery更改视频的src属性。

var video = $("video").get(0);
video.src = $(this).data('src');

适用于iPhone，iPad，firefox（PC）chrome（PC）Andriod Motorola Xoom平板电脑和Andriod上的Opera。但是Andriod上的默认浏览器不会更改src并播放在页面加载时设置的原始src视频文件。

我曾尝试过使用Gingerbread的三星S2和HTC Inspire。

我并不热衷于添加CACHE-CONTROL元标记，因为我需要此页面以便在移动设备上快速加载。

有没有更好的方法在js中执行此操作或以某种方式破坏此元素的缓存？

由于

Answer 1

找到解决方案：video.load（）;在video.play（）;

之前

var video = $("video").get(0);
video.src = $(this).data('src');
video.load();
video.play();

Answer 2

我遇到了同样的问题。 视频加载后播放视频会更好。

更好的解决方案是在加载视频时添加eventListener。所以视频在加载的时刻播放，而不是可能仍在加载。

var video = $("video").get(0);
video.src = $(this).data('src');
video.load();

video.on("loadeddata",function(){
    video.play();
});