Кэш браузера Android и JavaScript

Question

Привет! У меня есть мобильный веб-сайт, который воспроизводит видео с помощью элемента html5 video.

У меня есть список воспроизведения ссылок, которые меняют атрибут src на видео с помощью jquery.

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

Это работает на iPhone, iPad, Firefox (ПК) Chrome (ПК) Andriod Motorola Xoom планшет и Opera на Andriod.Однако браузер по умолчанию на Andriod не изменяет src и воспроизводит исходный видеофайл src, который был настроен при загрузке страницы.

Я пробовал на Samsung S2 и HTC Inspire оба с Gingerbread.

Я не заинтересован в идее добавления мета-тегов CACHE-CONTROL, так как мне нужна эта страница для быстрой загрузки, особенно на мобильных устройствах.

Есть ли лучший способ сделать это в js или каким-то образом сломать кешза этот элемент?

Спасибо

Answer 1

Я столкнулся с той же проблемой.Лучше воспроизводить видео после его загрузки.

Лучшее решение - добавить EventListener при загрузке видео.Поэтому видео воспроизводится в тот момент, когда оно загружено, а не в то время, когда оно, возможно, все еще загружается.

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

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

Answer 2

Нашли решение: video.load (); перед video.play ();

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