Я пытался изменить свой код из галереи миниатюр изображений в галерею миниатюр видео. У меня есть видео, закодированные в различных форматах для HTML 5 ... Он работает в Firefox и Safari. В chrome он работает один раз для каждого эскиза, а затем не загружает видео, если щелкнуть его еще раз. Есть лучший способ сделать это? HTML похож на <a href = "#" rel ="videos/video1" class = "image"><a href = "#" rel ="videos/video2" class = "image">
$(function() {
$(".image").live('click',function() {
var image = $(this).attr("rel");
var title = $(this).attr("alt");
$('#largevideo').hide();
$('#largevideo').fadeIn(1500);
$('#largevideo').html('<video controls><source src="'+image+'.mp4" type="video/mp4"/><source src="'+image+'.webm" type="video/webm"/><source src="'+image+'.ogv" type="video/ogg"/><embed src=".'+image+'.mp4" type="application/x-shockwave-flash" autoplay="0"allowfullscreen="true" allowScriptAccess="always"></embed></video>');
return false;
});
(location.attr)? $("a [rel="+location.attr+"]").click():$(".thumbs a:first").click();
});