html 5 видео галерея с помощью jQuery - PullRequest
1 голос
/ 26 февраля 2012

Я пытался изменить свой код из галереи миниатюр изображений в галерею миниатюр видео. У меня есть видео, закодированные в различных форматах для 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();

    });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...