WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Media

HTML5 Blue Video Gallery

— Add-On pour WorldWideScripts.net

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Envato AftESS SUPPORT FORUM FASTSI.FPORT

Intro

Voulez-vous une galerie vidéo qui est facile à installer, à personnaliser, qui fonctionne dans tous les navigateurs (même IE8), est à la hauteur des normes les plus récentes (HTML5), a le soutien trop multimédia (audio / images), peuvent nourrir des fournisseurs de partage vidéo (youtube / vimeo)? Alors ceci est la Galerie vidéo pour mettre en valeur vos vidéos sur votre site.

La galerie fonctionne sur tous les principaux navigateurs environnement - y compris IE travers éclair de repli. Aussi, en entrant une seule vidéo dans la galerie vidéo, il devient un lecteur vidéo.

Cette galerie utilise les dernières tehniques de HTML5. Par exemple - il utilise HTML5 LocalStorage de se rappeler le dernier volume que vous aviez avant de quitter et de revenir établit que le volume quand vous revenez. La peau est configuré via un simple CSS - il est donc entièrement la peau-mesure avec CSS base

Mises à jour

UPDATE 8.00 [22/09/2014]

  • [FIX] de quelques bugs

UPDATE 7,50 [08/04/2014]

  • [TWEAK] transitions maintenant beaucoup plus lisse
  • [TWEAK] aperçu à jour

UPDATE 7,44 [26/03/2014]

  • [FIX] plusieurs bogues
  • [FIX] preview
  • [FIX] ajouter le support des sous-titres

UPDATE 6,78 [14/10/2013]

  • [FIX] plusieurs bogues

UPDATE 6.10 [02/10/2013]

  • [FIX] bug au fin de la vidéo youtube, l'audio serait encore jouer
UPDATE 5.11 [02/10/2013]
  • fixe un bug fatal IE9 / IE10
  • mis à jour pour fonctionner avec jQuery 1.9.1 sans plugin migrate
UPDATE 5.00 [01/10/2013]
  • bouton HD ajoutée pour les vidéos YouTube
  • a ajouté une nouvelle façon de faire défiler les thumbsandarrows de menu (vérifier démo YouTube dans l'aperçu)
  • ajoutés trois nouveaux modes - rotateurs, rotator3d et le mur
  • peaux pour la galerie et le joueur sont maintenant indépendants
  • ajouté nouvelle galerie peau - nav_transparent - éléments de menu de navigation circulaire et transparente
  • ajouté nouvelle peau génial pour le joueur - aurora
  • documentation mise à jour
  • d'autres bugs corrigés
UPDATE 4.10 [22/10/2012]
  • bogues fixes (plein écran fonctionne parfaitement sur Safari, Chrome, Firefox et futurs navigateurs conformes)
  • ajoutée annonce un soutien - image / youtube ou annonce vidéo
  • d'autres bugs corrigés
UPDATE 4.0 [05/02/2012]
  • fixe quelques bugs
  • galerie vidéo et la vidéo modifiée la structure lecteur DOM
  • ajouté une nouvelle barre de mise en mémoire tampon
  • soutien Vimeo ajoutée
  • support audio ajouté
  • ajouté le support d'image
  • bouton embed ajoutée
  • bouton de partage ajoutée
  • ajoutée plein écran réel pour Chrome, Safari, Firefox
UPDATE 3.0 [02/23/2012]
  • fixe quelques bugs
  • documentation restructuré
  • galerie vidéo et la vidéo modifiée la structure lecteur DOM

UPDATE 2.0 [07/09/2011]

  • fixe quelques bugs
  • iPod / iPad / iPhone supports
  • mis à jour les plus récentes normes de html5

Caractéristiques

  • se concentrer sur la vidéo - le bouton plein écran nous allons vous aimez la vidéo sur l'ensemble de la fenêtre du navigateur
  • HTML5 Powered - élément vidéo HTML5 et JavaScript localStorage rend cette galerie une arête de coupe
  • se souvient de vos préférences - ce joueur utilise le LocalStorage de HTML5 afin de stocker le dernier volume que vous avez réglé, alors quand vous fermez la page et ouvrez plus tard, le volume est de retour là où vous l'avez laissé
  • compatible avec tous les principaux navigateurs, y compris IE - fournit éclair de repli pour les navigateurs qui ne prennent pas en charge la balise video (vous pouvez spécifier la vidéo à jouer à travers FlashVars) du lecteur vidéo flash a la même peau que celui par défaut de sorte qu'il ressemble le même sur toutes les plateformes
  • appareils apple cette galerie a été optimisé tactiles - compatible iphone / ipad
  • css peaux alimenté - la galerie css est divisé en deux parties - niveau esthétique fonctionnelle et il est donc très facile de faire votre propre peau

    Actif

    Vidéo de - http://www.bigbuckbunny.org/

    FAQ

    1ère vidéo fonctionne très bien mais, 2ème vidéo ne se charge pas du tout
    Très probablement, vous testez et joint la même vidéo youtube. Vous ne pouvez pas avoir la même vidéo de youtube dans 2 endroits.
    comment puis-je intégrer des liens vimeo en elle?
    il suffit d'ajouter ce balisage intérieur de la galerie vidéo-con
     <Type de données div class = "VPlayer-Tobe" data-videoTitle = 'Vimeo vidéo "=" "vimeo données src =" 31539657 "> <div class =" menuDescription "> <img src =" http: // dummyimage.com / 50x50 / 000000 / fff & text = pouce "class =" imgblock "/> <div class =" le-titre "> Ceci est une vidéo Vimeo </ div> La vignette peut générer automatiquement... </ div> </ div> 
    Modifiez la valeur de données src avec l'id de votre vidéo vimeo
    Cela peut-il être utilisé pour les vidéos qui ne sont pas en Vimeo ou YouTube? Je dois quelques vidéos hébergées sur un serveur que je voudrais relier directement. S'il vous plaît laissez-moi savoir dès que possible. Merci
    Bien sûr, il est fait spécifiquement pour jouer auto hébergé vidéos. YouTube et Vimeo sont juste un bonus.
    Comment puis-je obtenir les icônes des médias sociaux au travail?
    vérifier le réglage de shareCode pour la fonction vGallery
    Comment puis-je faire ma vidéo correctement codé à utiliser au sein de cette galerie?

    Vous avez besoin de votre film converti en 2 formats, afin de faire en sorte que joue la vidéo de HTML5 dans tous les navigateurs

    Navigateurs pris en charge et programme d'encodage recommandé

    IE9, IE8 (Flash) et Safari: M4V -> http://handbrake.fr/

    Chrome et Opera et Firefox: OGG-> http://video.online-convert.com/convert-to-ogg

    Vidéo de structure DOM

     <Div class = "VPlayer" data-description = "Mes vidéos" data-img = "img / 1.jpg"> <Contrôles vidéo précharge> <Source src = "video / myvideo.m4v" /> <Source src = "video / myvideo.ogg" /> <object type = données "application / x-shockwave-flash" = largeur "de preview.swf" = "550" height = "300" id = style "flashcontent" = "visibility: visible;"> <Param name = "movie" value = "preview.swf"> <param name = valeur "menu" = "false"> <param name = valeur "allowScriptAccess" = "always"> <Param name = valeur "échelle" = "noscale"> <param name = valeur "allowFullScreen" = "true"> <param name = valeur "wmode" = "opaque"> <Param name = "flashvars" value = "video = vidéo / myvideo.m4v"> </ Object> </ Video> </ Div> 

    Je dois ma vidéo prêt, comment puis-je l'ajouter whitin la galerie?

    La meilleure façon d'apprendre que si vous n'êtes pas en accord avec html est par exemple. Open source / index.html et autour de la ligne 122, vous verrez:

    [..]
    <Div class = "VPlayer" data-description = "<img src = 'img / thumb.png' class = 'imgblock' /> Vidéo 5" data-img = "img / 1.jpg">

    <Contrôles vidéo précharge>
    <Source src = "video / test.mp4" type = "video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '/>
    <Source src = "video / test.webm" type = vidéo '/ webm; codecs = "VP8, vorbis" '/>
    <Source src = "video / test.ogg" type = vidéo '/ ogg; codecs = "theora, vorbis" '/>
    <Source src = "video / bubbles.m4v" />

    <Object width = "500" height = "300">
    <Param name = "movie" value = "preview.swf? Video = vidéo / advideo.flv"> </ param>
    <Param name = valeur "allowFullScreen" = "true"> </ param>
    <Param name = valeur "allowScriptAccess" = "always"> </ param>
    <Param name = valeur "wmode" = "opaque"> </ param>
    <Src = "video = preview.swf vidéo / advideo.flv?" Embed type = "application / x-shockwave-flash" width = "500" height = "300" allowScriptAccess = "always" allowfullscreen = "true" wmode = "opaque">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

    </ Div> <! -END GALERIE VIDEO ->

    Ceci représente la dernière vidéo dans la galerie, et il est un bon exemple nous allons donc clone et nommez-Vidéo 6 au lieu de 5 Vidéo

    [..]
    <Div class = "VPlayer" data-description = "<img src = 'img / thumb.png' class = 'imgblock' /> Vidéo 5" data-img = "img / 1.jpg">

    <Contrôles vidéo précharge>
    <Source src = "video / test.mp4" type = "video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '/>
    <Source src = "video / test.webm" type = vidéo '/ webm; codecs = "VP8, vorbis" '/>
    <Source src = "video / test.ogg" type = vidéo '/ ogg; codecs = "theora, vorbis" '/>
    <Source src = "video / bubbles.m4v" />

    <Object width = "500" height = "300">
    <Param name = "movie" value = "preview.swf? Video = vidéo / advideo.flv"> </ param>
    <Param name = valeur "allowFullScreen" = "true"> </ param>
    <Param name = valeur "allowScriptAccess" = "always"> </ param>
    <Param name = valeur "wmode" = "opaque"> </ param>
    <Src = "video = preview.swf vidéo / advideo.flv?" Embed type = "application / x-shockwave-flash" width = "500" height = "300" allowScriptAccess = "always" allowfullscreen = "true" wmode = "opaque">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>
    <Div class = "VPlayer" data-description = "<img src = 'img / thumb.png' class = 'imgblock' /> Vidéo 6" data-img = "img / 1.jpg">

    <Contrôles vidéo précharge>
    <Source src = "video / test.mp4" type = "video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '/>
    <Source src = "video / test.webm" type = vidéo '/ webm; codecs = "VP8, vorbis" '/>
    <Source src = "video / test.ogg" type = vidéo '/ ogg; codecs = "theora, vorbis" '/>
    <Source src = "video / bubbles.m4v" />

    <Object width = "500" height = "300">
    <Param name = "movie" value = "preview.swf? Video = vidéo / advideo.flv"> </ param>
    <Param name = valeur "allowFullScreen" = "true"> </ param>
    <Param name = valeur "allowScriptAccess" = "always"> </ param>
    <Param name = valeur "wmode" = "opaque"> </ param>
    <Src = "video = preview.swf vidéo / advideo.flv?" Embed type = "application / x-shockwave-flash" width = "500" height = "300" allowScriptAccess = "always" allowfullscreen = "true" wmode = "opaque">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

    </ Div> <! -END GALERIE VIDEO ->





    FIY, cette galerie est créé par l'auteur du best-seller, les plus-vedette galerie d'actions sur l'Internet qui reçoit des mises à jour constantes (plus de 10 à ce jour)
    Skins iPhone iPad Compal FlashVars de minut skinable erabIed videos7 locale et moe! Envato AftESS SUPPORT FORUM FASTSI.FPORT

  • Télécharger
    D'autres éléments de ce typeTous les composants de cet auteur
    CommentairesFoire aux questions et réponses

    Propriétés

    Crée:
    3 Septembre 10

    Dernière mise à jour:
    22 Septembre 14

    Haute Résolution:
    Oui

    Navigateurs compatibles:
    IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

    fichiers inclus:
    JS JavaScript, HTML, CSS, SWF / FLV

    Version du logiciel:
    HTML5

    Mots-clés

    eCommerce, tous les objets, description, flash, flash repli, flashvars, fullscren, galerie, graphiques, html5, à, savoir, des images, des infos, localStorage, vidé, o, volume, xml