Android浏览器缓存和javascript答案

【问题标题】：Android browser cache and javascriptAndroid浏览器缓存和javascript
【发布时间】：2012-04-02 10:46:43
【问题描述】：

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

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

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

这适用于 iPhone、iPad、firefox (PC) chrome (PC) Andriod 摩托罗拉 Xoom 平板电脑和 Andriod 上的 Opera。但是，Andriod 上的默认浏览器不会更改 src，而是播放在页面加载时设置的原始 src 视频文件。

我在三星 S2 和 HTC Inspire 上都试过姜饼。

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

有没有更好的方法在 js 中做到这一点，或者有什么方法可以打破这个元素的缓存？

谢谢

【问题讨论】：

【解决方案1】：

找到解决方案：video.load();在 video.play();

之前

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

【讨论】：

【解决方案2】：

我遇到了同样的问题。最好在视频加载完成后再播放。

更好的解决方案是在视频加载时添加一个事件监听器。因此，视频在加载时播放，而不是在加载时播放。

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

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

【讨论】：