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 για WorldWideScripts.net

Εγγραφείτε για να μας ζωοτροφές για να μείνετε ενημερωμένοι!

Νέο! Ακολουθήστε μας όπως εσείς το θέλετε!


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Envato AftESS SUPPORT FORUM FASTSI.FPORT

Εισαγωγή

Θέλετε ένα Gallery Video που είναι εύκολο να εγκαταστήσετε, να προσαρμόσετε, λειτουργεί σε όλους τους browsers (ακόμη και IE8), είναι μέχρι τα πιο πρόσφατα πρότυπα (HTML5), έχει την υποστήριξη πολυμέσων πολύ (ήχου / εικόνας), μπορεί να τροφοδοτήσει από τους παρόχους κοινής χρήσης βίντεο (YouTube / Vimeo); Τότε αυτό είναι το Gallery Video για να επιδείξει τα βίντεό σας στο χώρο σας.

Η γκαλερί λειτουργεί σε όλα τα μεγάλα προγράμματα περιήγησης περιβάλλον - συμπεριλαμβανομένων IE μέσω φλας πτώση-back. Επίσης, με την εισαγωγή ενός ενιαίου βίντεο στην γκαλερί βίντεο, γίνεται ένα video player.

Αυτή η συλλογή χρησιμοποιεί τις τελευταίες tehniques HTML5. Για παράδειγμα - που χρησιμοποιεί HTML5 localStorage να θυμηθώ την τελευταία ένταση που είχατε πριν βγείτε και να θέτει ξανά την ίδια ένταση όταν γυρίσεις. Το δέρμα έχει ρυθμιστεί μέσω απλών CSS - έτσι είναι πλήρως δέρματος θέση με βασικό CSS

Ενημερώσεις

ΕΝΗΜΕΡΩΣΗ 8.00 [09/22/2014]

  • [FIX] κάποια σφάλματα

ΕΝΗΜΕΡΩΣΗ 7.50 [08/04/2014]

  • [Tweak] μεταβαίνει τώρα πολύ πιο ομαλή
  • [Tweak] ενημερωμένη έκδοση προεπισκόπησης

ΕΝΗΜΕΡΩΣΗ 7.44 [03/26/2014]

  • [FIX] πολλαπλά σφάλματα
  • [FIX] Προεπισκόπηση
  • [FIX] προσθέσετε υποστήριξη υπότιτλος

ΕΝΗΜΕΡΩΣΗ 6.78 [10/14/2013]

  • [FIX] πολλαπλά σφάλματα

ΕΝΗΜΕΡΩΣΗ 6.10 [10/02/2013]

  • [Λύση] bug στο τέλος του βίντεο από το YouTube, ο ήχος θα εξακολουθούν να παίζουν
ΕΝΗΜΕΡΩΣΗ 5.11 [10/02/2013]
  • καθόρισε ένα μοιραίο IE9 / IE10 bug
  • ενημερωθεί ώστε να λειτουργεί με jQuery 1.9.1 χωρίς μετεγκατάσταση plugin
ΕΝΗΜΕΡΩΣΗ 5.00 [10/01/2013]
  • πρόσθεσε το κουμπί HD για βίντεο του YouTube
  • προστίθεται νέο τρόπο για να μετακινηθείτε τα thumbsandarrows μενού (ελέγξτε το YouTube κανάλι demo στην προεπισκόπηση)
  • προστίθενται τρία νέα modes - πετάλου, rotator3d και τοίχου
  • Δέρματα για γκαλερί και ο παίκτης είναι πλέον ανεξάρτητες
  • προστίθεται νέο δέρμα Gallery - nav_transparent - στοιχεία μενού κυκλική και διαφανή πλοήγησης
  • προστίθεται νέο φοβερό δέρμα για τον παίκτη - Aurora
  • ενημερωμένη τεκμηρίωση
  • άλλα σφάλματα που καθορίζονται
ΕΝΗΜΕΡΩΣΗ 4.10 [10/22/2012]
  • σταθερό fullscreen σφάλματα (λειτουργεί τέλεια στο Safari, Chrome, Firefox και το μέλλον συμβατό browsers)
  • προστιθέμενη υποστήριξη Διαφήμιση - εικόνα / youtube ή διαφήμισης βίντεο
  • άλλα σφάλματα που καθορίζονται
ΕΝΗΜΕΡΩΣΗ 4.0 [05/02/2012]
  • διόρθωσε κάποια σφάλματα
  • αλλαγμένο γκαλερί βίντεο και δομή παίκτης DOM
  • πρόσθεσε μια νέα ρυθμιστική μπαρ
  • προστιθέμενη υποστήριξη Vimeo
  • προστιθέμενη υποστήριξη ήχου
  • προστιθέμενη υποστήριξη εικόνα
  • πρόσθεσε κουμπί embed
  • πρόσθεσε το κουμπί μετοχή
  • πραγματική προστιθέμενη fullscreen για το Chrome, Safari, Firefox
ΕΝΗΜΕΡΩΣΗ 3.0 [23/02/2012]
  • διόρθωσε κάποια σφάλματα
  • αναδιαρθρωθεί τεκμηρίωση
  • αλλαγμένο γκαλερί βίντεο και δομή παίκτης DOM

ΕΝΗΜΕΡΩΣΗ 2.0 [07/09/2011]

  • διόρθωσε κάποια σφάλματα
  • iPod / iPhone / iPad υποστηρίζει
  • ενημερωμένο με τα τελευταία πρότυπα HTML5

Χαρακτηριστικά

  • επικεντρώνονται στο βίντεο - το κουμπί πλήρους οθόνης σας επιτρέπουν να απολαύσετε το βίντεο σε ολόκληρο το παράθυρο του προγράμματος περιήγησης
  • HTML5 powered - HTML5 στοιχείου βίντεο & javascript localStorage κάνει αυτή τη συλλογή μια αιχμή
  • θυμάται τις προτιμήσεις σας - αυτός ο παίκτης χρησιμοποιεί localStorage HTML5, προκειμένου να αποθηκεύσει την τελευταία ένταση που έχετε ρυθμίσει, έτσι ώστε όταν κλείσετε τη σελίδα και να το ανοίξετε αργότερα, ο όγκος είναι πίσω δεξιά εκεί που το άφησε
  • συμβατό με όλα τα μεγάλα προγράμματα περιήγησης, συμπεριλαμβανομένων IE - παρέχει flash εναλλακτική για τους browsers που δεν υποστηρίζουν την ετικέτα βίντεο (μπορείτε να καθορίσετε ποια βίντεο για να παίξει μέσα FlashVars) το flash player βίντεο έχει την ίδια δέρματος ως προεπιλογή έτσι ώστε να φαίνεται η ίδια σε όλες τις πλατφόρμες
  • iPhone / iPad συμβατό - συσκευές αφής Αυτή η συλλογή έχει βελτιστοποιηθεί μήλο
  • CSS powered δέρματα - η γκαλερί CSS χωρίζεται σε δύο μέρη - λειτουργική και estethic έτσι είναι πολύ εύκολο να φτιάξετε το δικό σας δέρμα

    Ενεργητικό

    Βίντεο από - http://www.bigbuckbunny.org/

    Συχνές Ερωτήσεις

    1η βίντεο λειτουργεί καλά, αλλά, 2ο βίντεο δεν φορτώνει καθόλου
    Πιθανότατα έχετε τον έλεγχο και έχουν συνδέσει το ίδιο βίντεο από το YouTube. Δεν μπορείτε να έχετε το ίδιο βίντεο στο YouTube σε 2 μέρη.
    πώς μπορώ να ενσωματώσω το Vimeo συνδέσεις σε αυτό;
    Απλά προσθέστε αυτό σήμανσης μέσα στο Βίντεο Γκαλερί-con
     <Δεδομένων τύπου div class = "VPlayer-Tobe" δεδομένων videoTitle = 'βίντεο Vimeo "=" Vimeo "στοιχεία-src =" 31539657 "> <div class =" menuDescription "> <img src =" http: // dummyimage.com / 50x50 / 000000 / fff & text = αντίχειρα "class =" imgblock "/> <div class =" ο-τίτλος "> Αυτό είναι ένα βίντεο Vimeo </ div> Η μικρογραφία μπορεί να δημιουργεί αυτόματα... </ div> </ div> 
    Αλλάξτε την τιμή δεδομένων src με την ταυτότητα του βίντεο Vimeo σας
    Μπορεί αυτό να χρησιμοποιηθεί για βίντεο που δεν είναι σε Vimeo ή το YouTube; Έχω μερικά βίντεο που φιλοξενείται σε διακομιστή που θα ήθελα να συνδέουν άμεσα. Παρακαλώ επιτρέψτε μου να ξέρω το συντομότερο δυνατόν. ευχαριστώ
    Σίγουρα, είναι κατασκευασμένα ειδικά για το παιχνίδι αυτο που φιλοξενείται βίντεο. YouTube και το Vimeo είναι απλά ένα μπόνους.
    Πώς μπορώ να πάρω τα κοινωνικά εικονίδια μέσων ενημέρωσης να συνεργαστούν;
    ελέγξτε τη ρύθμιση shareCode για τη λειτουργία vGallery
    Πώς μπορώ να κάνω βίντεο μου σωστά κωδικοποιημένα να χρησιμοποιούν μέσα αυτό το άλμπουμ;

    Χρειάζεται την ταινία σας μετατρέπεται σε 2 μορφές, ώστε να βεβαιωθείτε ότι παίζει το βίντεο HTML5 σε όλους τους browsers

    Υποστήριξη του προγράμματος περιήγησης και συνιστάται πρόγραμμα κωδικοποίησης

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

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

    Βίντεο δομή DOM

     <Div class = "VPlayer" στοιχεία-description = "Video μου" στοιχεία-img = "img / 1.jpg"> <Έλεγχοι βίντεο προφόρτιση> <Πηγή src = "βίντεο / myvideo.m4v" /> <Πηγή src = "βίντεο / myvideo.ogg" /> <Τύπος αντικειμένου = "application / x-shockwave-flash" δεδομένων = "preview.swf" width = "550" height = "300" id = "flashcontent" style = "ορατότητα: ορατή?"> <Όνομα param = "ταινία" value = "preview.swf"> <param name = "menu" value = "false"> <param name = "allowScriptAccess" value = "πάντα"> <Param name = "κλίμακα" value = "noscale"> <param name = "allowFullScreen" value = "true"> <param name = "wmode" value = "αδιαφανή"> <Param name = "flashvars" value = "βίντεο = βίντεο / myvideo.m4v"> </ Object> </ Βίντεο> </ Div> 

    Έχω βίντεο μου έτοιμο, πώς μπορώ να προσθέσω whitin γκαλερί;

    Ο καλύτερος τρόπος για να μάθει ότι, αν δεν είστε συνεπής με HTML είναι παράδειγμα προς μίμηση. Open source / index.html και γύρω από τη γραμμή 122 θα δείτε:

    [..]
    <Div class = "VPlayer" στοιχεία-description = "<img src =" / img thumb.png 'class =' imgblock '/> Βίντεο 5 "στοιχεία-img =" img / 1.jpg ">

    <Έλεγχοι βίντεο προφόρτιση>
    <Πηγή src = "βίντεο / test.mp4" type = "βίντεο / mp4? codecs = "avc1.42E01E, mp4a.40.2" "/>
    <Πηγή src = "βίντεο / test.webm" type = "βίντεο / webm? codecs = "VP8, Vorbis" "/>
    <Πηγή src = "βίντεο / test.ogg" type = "βίντεο / ogg? codecs = "Theora, Vorbis" "/>
    <Πηγή src = "βίντεο / bubbles.m4v" />

    <Πλάτος αντικειμένου = "500" height = "300">
    <Όνομα param = "ταινία" value = "preview.swf; video = βίντεο / advideo.flv"> </ param>
    <Όνομα param = "allowFullScreen" value = "true"> </ param>
    <Όνομα param = "allowscriptaccess" value = "πάντα"> </ param>
    <Όνομα param = "wmode" value = "αδιαφανή"> </ param>
    <Embed src = "preview.swf; video = βίντεο / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" allowscriptaccess = "πάντα" allowfullscreen = "true" wmode = "αδιαφανή">
    </ Embed>
    </ Object>
    </ Βίντεο>
    </ Div>

    </ Div> <! -Αποσπασμένοι VIDEO GALLERY ->

    Αυτό αντιπροσωπεύει το τελευταίο βίντεο από το θεωρείο, και αυτό είναι ένα καλό παράδειγμα γι 'αυτό ας κλωνοποιήσουμε ότι και ονομάστε το βίντεο 6 αντί 5 Βίντεο

    [..]
    <Div class = "VPlayer" στοιχεία-description = "<img src =" / img thumb.png 'class =' ​​imgblock '/> Βίντεο 5 "στοιχεία-img =" img / 1.jpg ">

    <Έλεγχοι βίντεο προφόρτιση>
    <Πηγή src = "βίντεο / test.mp4" type = "βίντεο / mp4? codecs = "avc1.42E01E, mp4a.40.2" "/>
    <Πηγή src = "βίντεο / test.webm" type = "βίντεο / webm? codecs = "VP8, Vorbis" "/>
    <Πηγή src = "βίντεο / test.ogg" type = "βίντεο / ogg? codecs = "Theora, Vorbis" "/>
    <Πηγή src = "βίντεο / bubbles.m4v" />

    <Πλάτος αντικειμένου = "500" height = "300">
    <Όνομα param = "ταινία" value = "preview.swf; video = βίντεο / advideo.flv"> </ param>
    <Όνομα param = "allowFullScreen" value = "true"> </ param>
    <Όνομα param = "allowscriptaccess" value = "πάντα"> </ param>
    <Όνομα param = "wmode" value = "αδιαφανή"> </ param>
    <Embed src = "preview.swf; video = βίντεο / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" allowscriptaccess = "πάντα" allowfullscreen = "true" wmode = "αδιαφανή">
    </ Embed>
    </ Object>
    </ Βίντεο>
    </ Div>
    <Div class = "VPlayer" στοιχεία-description = "<img src =" / img thumb.png 'class =' imgblock '/> Βίντεο 6 "στοιχεία-img =" img / 1.jpg ">

    <Έλεγχοι βίντεο προφόρτιση>
    <Πηγή src = "βίντεο / test.mp4" type = "βίντεο / mp4? codecs = "avc1.42E01E, mp4a.40.2" "/>
    <Πηγή src = "βίντεο / test.webm" type = "βίντεο / webm? codecs = "VP8, Vorbis" "/>
    <Πηγή src = "βίντεο / test.ogg" type = "βίντεο / ogg? codecs = "Theora, Vorbis" "/>
    <Πηγή src = "βίντεο / bubbles.m4v" />

    <Πλάτος αντικειμένου = "500" height = "300">
    <Όνομα param = "ταινία" value = "preview.swf; video = βίντεο / advideo.flv"> </ param>
    <Όνομα param = "allowFullScreen" value = "true"> </ param>
    <Όνομα param = "allowscriptaccess" value = "πάντα"> </ param>
    <Όνομα param = "wmode" value = "αδιαφανή"> </ param>
    <Embed src = "preview.swf; video = βίντεο / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" allowscriptaccess = "πάντα" allowfullscreen = "true" wmode = "αδιαφανή">
    </ Embed>
    </ Object>
    </ Βίντεο>
    </ Div>

    </ Div> <! -Αποσπασμένοι VIDEO GALLERY ->





    FIY, αυτή η έκθεση έχει δημιουργηθεί από τον συγγραφέα του best-seller, οι περισσότερες δυνατότητες γκαλερί υλικού στο διαδίκτυο, το οποίο λαμβάνει συνεχείς ενημερώσεις (περισσότερα από 10 μέχρι στιγμής)
    δέρματα iPhone iPad Compal skinable FlashVars minut erabIed Τοπική videos7 και Moe! Envato AftESS SUPPORT FORUM FASTSI.FPORT

  • Λήψη
    Άλλα στοιχεία σε αυτή την κατηγορίαΌλα τα συστατικά αυτού του συγγραφέα
    ΣχόλιαΣυχνές ερωτήσεις και απαντήσεις

    Properties

    Δημιουργήθηκε:
    3 Σεπτεμβρίου 10? Τελευταία Ενημέρωση

    Λέξεις-κλειδιά

    ηλεκτρονικού εμπορίου, όλα τα στοιχεία, περιγραφή, φλας, φλας εναλλακτική, flashvars, fullscren, γκαλερί, γραφικά, HTML5, δηλαδή, εικόνες, πληροφορίες, localStorage, βίντεο, όγκος, xml