LIVE PREVIEWBUY FOR $10

Variation WordPress

Lecteur vidéo bleu HTML5 avec liste de lecture / galerie - 1

Intro

Vous voulez une galerie vidéo accomplished à installer, à personnaliser, qui fonctionne dans tous les navigateurs (même IE8), qui répond aux dernières normes (html5), qui prend également en cost le multimédia (audio/images), qui peut être alimentée the same level les fournisseurs de partage vidéo (youtube / viméo ) ? Alors c’est les Galerie vidéo put présenter vos vidéos sur votre website.

La galerie fonctionne dans tous les principaux environnements de navigateurs, y compris IE through le flash de secours. De plus, en saisissant une seule vidéo dans la galerie de vidéos, elle devient un lecteur vidéo.

Cette galerie use les dernières strategies html5. The same level exemple, il use HTML5 LocalStorage put mémoriser le dernier quantity que vous aviez avant de quitter et réinitialise ce quantity lorsque vous revenez. Le skin est configuré through CSS straightforward – il est donc entièrement suitable avec le CSS de base

Lecteur vidéo bleu HTML5 avec liste de lecture / galerie - 2

Mises à jour

MISE À JOUR 9.36 [ 10/10/2016 ]

  • [FIX] picture de couverture cliquez sur les mobiles
  • [ADD] galeries dans des exemples d’onglets

MISE À JOUR 9.23 [ 09/19/2016 ]

  • [TWEAK] la recherche masque maintenant complètement les autres éléments

MISE À JOUR 9.05 [ 05/03/2016 ]

  • [FIX] ie11 sur l’événement plein écran Windows 8.1
  • [FIX] autres petits insects

MISE À JOUR 9.03 [ 03/15/2016 ]

  • [TWEAK] Le plein écran Android masque désormais les commandes sans get in touch with

MISE À JOUR 9.00 [ 03/14/2016 ]

  • [TWEAK] refonte de la web page d’aperçu
  • [TWEAK] skin_aurora remake
  • [FIX] quelques insects

MISE À JOUR 8.91 [ 02/22/2016 ]

  • [FIX] quelques insects

MISE À JOUR 8.82 [ 02/11/2016 ]

  • [FIX] quelques insects

MISE À JOUR 8.00 [ 09/22/2014 ]

  • [FIX] quelques insects

MISE À JOUR 7.50 [ 04/08/2014 ]

  • [TWEAK] les transitions sont maintenant beaucoup plus fluides
  • [TWEAK] mise à jour de l’aperçu

MISE À JOUR 7.44 [ 03/26/2014 ]

  • [FIX] plusieurs bogues
  • [FIX] Aperçu
  • [FIX] ajouter la prise en cost des sous-titres

MISE À JOUR 6.78 [ 10/14/2013 ]

  • [FIX] plusieurs bogues

MISE À JOUR 6.10 [ 10/02/2013 ]

  • [fix] pest à la fin de la vidéo youtube, l’audio serait toujours lu

MISE À JOUR 5.11 [ 10/02/2013 ]

  • adjustment d’un pest deadly d’IE9 / IE10
  • mis à jour put fonctionner avec jquery 1.9.1 sans le plugin move

MISE À JOUR 5.00 [ 01/10/2013 ]

  • bouton HD ajouté put les vidéos YouTube
  • ajout d’une nouvelle façon de faire défiler les flèches du food selection (consultez la démo de la chaîne YouTube dans l’aperçu)
  • ajout de trois nouveaux settings – rotateur, rotateur3d et mur
  • les skins put la galerie et le lecteur sont désormais indépendants
  • ajout d’un nouveau skin de galerie – nav_transparent – éléments de food selection navigating circulaire et transparente
  • ajout d’un nouveau skin génial put le joueur – aurora
  • paperwork mise à jour
  • autres insects corrigés

MISE À JOUR 4.10 [ 10/22/2012 ]

  • adjustment de insects plein écran (fonctionne parfaitement sur Safari, Chrome, Firefox et les futurs navigateurs compatibles)
  • assistance publicitaire ajouté – picture / youtube ou annonce vidéo
  • autres insects corrigés

MISE À JOUR 4.0 [ 05/02/2012 ]

  • adjustment de quelques insects
  • adjustment de la framework DOM de la galerie vidéo et du lecteur vidéo
  • ajout d’une nouvelle barre de mise en mémoire tampon
  • ajout de la prise en cost de Vimeo
  • prise en cost sound ajoutée
  • prise en cost des photos ajoutée
  • bouton d’intégration ajouté
  • bouton de partage ajouté
  • ajout d’un véritable plein écran put Chrome, Safari, Firefox

MISE À JOUR 3.0 [ 02/23/2012 ]

  • adjustment de quelques insects
  • paperwork restructurée
  • adjustment de la framework DOM de la galerie vidéo et du lecteur vidéo

MISE À JOUR 2.0 [ 07/09/2011 ]

  • adjustment de quelques insects
  • Prise en cost de l’iPod/iPad/iPhone
  • mis à jour aux dernières normes html5

Caractéristiques

  • se concentrer sur la vidéo – le bouton plein écran vous permet de profiter de la vidéo sur toute la fenêtre du navigateur
  • html5 alimenté – élément vidéo html5 et javascript localStorage en typeface une galerie de pointe
  • se souvient de vos préférences – ce lecteur use le LocalStorage de Html5 afin de stocker le dernier quantity que vous avez défini, donc lorsque vous fermez la web page et l’ouvrez plus tard, le quantity est de retour là où vous l’avez laissé
  • suitable avec tous les principaux navigateurs, y compris IE – fournit une remedy de secours blink put les navigateurs qui ne prennent pas en cost la balise vidéo (vous pouvez spécifier la vidéo à lire through FlashVars) le lecteur vidéo blink a le même skin que celui par défaut, il ressemble donc à idem sur toutes les plateformes
  • suitable iphone/ipad – cette galerie a été optimisée put les appareils tactiles Apple
  • skins alimentés the same level css – la galerie css est divisée en deux celebrations – fonctionnelle et esthétique, il est donc très facile de créer votre propre skin

    Les atouts

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

    Frequently Asked Question

    La 1ère vidéo fonctionne bien mais la 2ème vidéo ne se cost du proclaim

    Très probablement, vous testez et avez joint la même vidéo youtube. Vous ne pouvez pas avoir la même vidéo youtube à 2 endroits.

    ajoutez simplement ce balisage dans le videogallery-con

    <div course="vplayer-tobe" data-videoTitle='Vimeo video clip' data-type="vimeo" data-src="31539657"><div course="menuDescription"><img src="http://dummyimage.com/50x50/000000/fff&text=thumb" course="imgblock"/><div course="the-title">This is an Vimeo video clip</div>The thumbnail can autogenerate...</div></div>
    

    Modifiez la valeur data-src avec l’identifiant de votre vidéo vimeo

    Cela peut-il être utilisé put des vidéos qui ne sont sur Vimeo ou YouTube ? J’ai des vidéos hébergées sur un serveur auquel je souhaite me connecter directement. S’il vous plaît laissez-moi savoir dès que feasible. THX

    Bien sûr, il est spécialement conçu put lire des vidéos auto-hébergées. YouTube et Vimeo ne sont qu’un bonus offer.

    Remark faire fonctionner les icônes des réseaux sociaux ?

    vérifiez le paramètre shareCode put la fonction vGallery

    Vous avez besoin de convertir votre movie en 2 layouts afin de vous assurer que la vidéo html5 est lue dans tous les navigateurs

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

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

    Framework du DOM vidéo

    <div course="vplayer" data-description="My Video" data-img="img/1.jpg">
    
    <video clip controls preload>
    <resource src="video/myvideo.m4v"/>
    <resource src="video/myvideo.ogg"/>
    
    <item kind="application/x-shockwave-flash" information="preview.swf" size="550" elevation="300" id="flashcontent" design="visibility: visible;">
    <param name="movie" worth="preview.swf"><param name="menu" worth="false"><param name="allowScriptAccess" worth="always">
    <param name="scale" worth="noscale"><param name="allowFullScreen" worth="true"><param name="wmode" worth="opaque">
    <param name="flashvars" worth="video=video/myvideo.m4v">
    </object>
    </video>
    </div>
    

    La meilleure façon d’apprendre que si vous n’êtes pas cohérent avec html est the same level l’exemple. Open up source/index.html et autour de la ligne 122, vous verrez :

    [ .. ]

    Vidéo 5” data-img=”img/1.jpg”>







  • FIN DE LA GALERIE VIDÉO>

    [ .. ]

    Vidéo 5” data-img=”img/1.jpg”>













    FIN DE LA GALERIE VIDÉO>

    FIY, cette galerie est créée the same level l’auteur de la galerie de supply la plus vendue et la plus en vedette sur Net qui reçoit des mises à jour constantes (plus de 10 à ce jour)

    Lecteur vidéo bleu HTML5 avec liste de lecture / galerie - 3

    Lecteur vidéo bleu HTML5 avec liste de lecture / galerie - 4
    Lecteur vidéo bleu HTML5 avec liste de lecture / galerie - 5
    Lecteur vidéo bleu HTML5 avec liste de lecture / galerie - 6
    Lecteur vidéo bleu HTML5 avec liste de lecture / galerie - 7
    Lecteur vidéo bleu HTML5 avec liste de lecture / galerie - 8

    group: html5/media
    cost : $ 10
    hashtags : #Lecteur #vidéo #bleu #HTML5 #avec #liste #lecture #galerie

    Be the first to review “Lecteur vidéo bleu HTML5 avec liste de lecture / galerie”

    Your email address will not be published. Required fields are marked *

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    Reviews

    There are no reviews yet.

    Main Menu

    Lecteur vidéo bleu HTML5 avec liste de lecture / galerie

    10.00 $

    Add to Cart