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

— Додатки до WorldWideScripts.net

Підпишіться на наш канал, щоб залишатися в курсі подій!

Новинка! Слідуйте за нами, як ви хочете!


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Envato AftESS ФОРУМ FASTSI.FPORT

Введення

Хочете Галерея відео, яке легко встановити, налаштувати, працює у всіх браузерах (навіть IE8), до самих останніх стандартів HTML5 (), має підтримку мультимедіа (аудіо теж / зображення), можна годувати з постачальниками відеосервісів (YouTube / Vimeo)? Тоді це відео галерея, щоб продемонструвати своє відео на вашому сайті.

Галерея працює у всіх основних браузерах середовища - в тому числі IE через флеш відкат. Крім того, шляхом введення одного відео у відео галереї, стає відеоплеєр.

Ця галерея використовує новітні HTML5 tehniques. Наприклад - він використовує HTML5 LocalStorage згадати останній том ви мали, перш ніж вийти, і встановлює назад, що обсяг, коли ви повернетеся. Шкіра установки за допомогою простого CSS - так це повною мірою шкіра в стані з основною CSS

Оновлення

ОНОВЛЕННЯ 8.00 [09/22/2014]

  • [FIX] деякі помилки

ОНОВЛЕННЯ 7.50 [04/08/2014]

  • [TWEAK] переходи в даний час набагато більш гладкою
  • [TWEAK] перегляд оновлення

ОНОВЛЕННЯ 7.44 [03/26/2014]

  • [FIX] численні помилки
  • [FIX] перегляд
  • [FIX] додати підтримку субтитрів

ОНОВЛЕННЯ 6.78 [10/14/2013]

  • [FIX] численні помилки

ОНОВЛЕННЯ 6.10 [10/02/2013]

  • [Ісп] помилка у фіналі відео YouTube, аудіо буде як і раніше грати
ОНОВЛЕННЯ 5.11 [10/02/2013]
  • Виправлена ​​фатальна IE9 / IE10 помилка
  • оновлені для роботи з JQuery 1.9.1 без Міграція плагін
ОНОВЛЕННЯ 5.00 [01/10/2013]
  • Додана кнопка для HD відео YouTube
  • додав новий спосіб прокручувати меню thumbsandarrows (перевірити канал на YouTube демо у вікні попереднього перегляду)
  • додані три нових режиму - ротатор, rotator3d і стіни
  • скіни для галереї і плеєра тепер незалежні
  • додані нові шкіри галерея - nav_transparent - пункти меню кругової і прозорою навігації
  • додані нові дивним шкіри для гравця - Аврора
  • оновлена ​​документація
  • інші виправлені помилки
ОНОВЛЕННЯ 4.10 [10/22/2012]
  • Нерухомі повноекранні помилки (відмінно працює на Safari, Chrome, Firefox і майбутніх сумісних браузерах)
  • додана підтримка Реклама - зображення / YouTube або відео оголошення
  • інші виправлені помилки
ОНОВЛЕННЯ 4.0 [05/02/2012]
  • виправлені деякі помилки
  • змінена відео галерея і відео плеєр ДІМ структура
  • доданий новий бар буферизації
  • додана підтримка Vimeo
  • додав підтримка аудіо
  • додана підтримка зображень
  • Додана кнопка код вставки
  • Додана кнопка частка
  • реальної доданої повноекранний для Chrome, Safari, Firefox
ОНОВЛЕННЯ 3.0 [02/23/2012]
  • виправлені деякі помилки
  • реструктуризація документація
  • змінена відео галерея і відео плеєр ДІМ структура

ОНОВЛЕННЯ 2.0 [07/09/2011]

  • виправлені деякі помилки
  • IPOD / Ipad / iPhone опори
  • оновлені до останніх стандартів html5

Особливості

  • зосередитися на відео - кнопка повноекранного давайте насолоджуватися відео у вікні браузера всього
  • HTML5 харчування - HTML5 відео елемент & JavaScript localStorage робить цей ультрасучасний галереї
  • пам'ятає ваші уподобання - це гравець використовує LocalStorage HTML5 для того, щоб зберігати останній том ви встановили, так що, коли ви закриваєте сторінку і відкрити його пізніше, обсяг прямо туди, де ви його залишили
  • сумісний з усіма основними браузерами, в тому числі IE - забезпечує флеш запасний варіант для браузерів, які не підтримують відео тег (ви можете вказати, які відео, щоб грати через FlashVars) флеш-відео-плеєр має той же шкіру як один за замовчуванням, тому він виглядає те ж саме на всіх платформах
  • iphone / IPAD сумісні - це галерея була оптимізована яблуко сенсорні пристрої
  • CSS живлення шкіри - галерея CSS розділена на дві частини - функціональний і estethic так що це дуже легко зробити свій власний скін

    Активи

    Відео з - http://www.bigbuckbunny.org/

    ЧАСТО ЗАДАЮТЬСЯ

    1 відео працює нормально, але, 2-й відео не завантажується взагалі
    Швидше за все, ви тестируете і приклав ж відео YouTube. Ви не можете мати той же Youtube відео в 2-х місцях.
    як я вставляти Vimeo посилання в ній?
    просто додайте цю розмітку всередині Відеогалерея-Con
     <Тип-даних DIV CLASS = "VPlayer-Тобе" даних videoTitle = 'Vimeo ВІДЕО = "Vimeo" даних SRC = "31539657"> <DIV клас = "menuDescription"> <IMG SRC = "HTTP: // dummyimage.com / 50x50 / 000000 / FFF & текст = пальця "клас =" imgblock "/> <DIV клас =" титулу "> Це відео Vimeo </ DIV> зі слайдами може здійснювати автоматичну генерацію... </ DIV> </ DIV> 
    Змініть значення даних SRC з ідентифікатором вашого Vimeo відео
    Чи може це бути використані для відео, які не перебувають у Vimeo або YouTube? У мене є кілька відео, розміщених на сервері, які я хотів, щоб зв'язати безпосередньо. Будь ласка, дайте мені знати якомога швидше. спасибі
    Звичайно, це зроблено спеціально для гри самодостатньо відео. YouTube і Vimeo тільки бонус.
    Як я можу отримати значки соціальних медіа для роботи?
    перевірте настройку shareCode для функції vGallery
    Як я можу зробити мій відео в правильному кодуванні, щоб використовувати протягом цієї галереї?

    Ви повинні ваш фільм перетворюється в 2-х форматах, з тим щоб переконатися, що відео HTML5 гри у всіх браузерах

    Підтримка браузера і програми рекомендується кодування

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

    Хром і Опера & Firefox: OGG-> http://video.online-convert.com/convert-to-ogg

    Відео ДІМ структура

     <DIV клас = "VPlayer" даних Опис = "My Video" даних IMG = "IMG / 1.jpg"> <Відео управління піджати> <Джерело SRC = "/ відео myvideo.m4v" /> <Джерело SRC = "/ відео myvideo.ogg" /> <Тип об'єкта = дані "застосування / х-ударно-хвильова спалах", = "preview.swf" ширина = "550" висота = "300" ID = "flashcontent" стиль = "видимість: видимий;"> <Ім'я = значення парам "фільм" = "preview.swf"> <парам ім'я = значення "меню" = "помилкових"> <парам ім'я = значення "AllowScriptAccess" = "завжди"> <Ім'я = значення "масштаб" парам = "noscale"> <парам = значення "allowFullScreen" ім'я = "істинний"> <парам ім'я = значення "WMODE" = "непрозорим"> <Парам ім'я = значення "FlashVars" = "відео = / відео myvideo.m4v"> </ Об'єкт> </ Відео> </ DIV> 

    У мене є відео готово, як мені додати його Whitin галереї?

    Кращий спосіб дізнатися, що, якщо ви не узгоджується з HTML на прикладі. Відкритий вихідний код / ​​index.html і навколо лінії 122, ви побачите:

    [..]
    <DIV клас = "VPlayer" даних Опис = "<IMG SRC =" / IMG thumb.png "клас =" imgblock '/> Відео 5 "даних IMG =" IMG / 1.jpg ">

    <Відео управління піджати>
    <Джерело SRC = "/ відео test.mp4" тип = "відео / MP4; кодеки = "avc1.42E01E, mp4a.40.2" "/>
    <Джерело SRC = "/ відео test.webm" тип = "відео / WebM; кодеки = "VP8, Vorbis" "/>
    <Джерело SRC = "/ відео test.ogg" тип = "відео / OGG; кодеки = "Theora, Vorbis" "/>
    <Джерело SRC = "/ відео bubbles.m4v" />

    <Ширина об'єкта = "500" висота = "300">
    <Ім'я парам = "фільм" Значення = "preview.swf? Відео = / відео advideo.flv"> </ парам>
    <Ім'я = значення парам "allowFullScreen" = "істинний"> </ парам>
    <Ім'я = значення парам "AllowScriptAccess" = "завжди"> </ парам>
    <Ім'я = значення парам "WMODE" = "непрозорим"> </ парам>
    <Вставляти SRC = "відео = / відео advideo.flv preview.swf?" Типу = "застосування / х-ударно-хвильова спалах" ширина = "500" висота = "300" AllowScriptAccess = "завжди" allowfullscreen = "істинний" WMODE = "непрозорим">
    </ EMBED>
    </ Об'єкт>
    </ Відео>
    </ DIV>

    </ DIV> <! Концевого ВІДЕО ГАЛЕРЕЯ ->

    Це являє собою останнє відео в галереї, і це хороший приклад, так що давайте клонувати, що і назвати його відео 6 замість 5 відео

    [..]
    <DIV клас = "VPlayer" даних Опис = "<IMG SRC =" / IMG thumb.png "клас =" imgblock '/> Відео 5 "даних IMG =" IMG / 1.jpg ">

    <Відео управління піджати>
    <Джерело SRC = "/ відео test.mp4" тип = "відео / MP4; кодеки = "avc1.42E01E, mp4a.40.2" "/>
    <Джерело SRC = "/ відео test.webm" тип = "відео / WebM; кодеки = "VP8, Vorbis" "/>
    <Джерело SRC = "/ відео test.ogg" тип = "відео / OGG; кодеки = "Theora, Vorbis" "/>
    <Джерело SRC = "/ відео bubbles.m4v" />

    <Ширина об'єкта = "500" висота = "300">
    <Ім'я парам = "фільм" Значення = "preview.swf? Відео = / відео advideo.flv"> </ парам>
    <Ім'я = значення парам "allowFullScreen" = "істинний"> </ парам>
    <Ім'я = значення парам "AllowScriptAccess" = "завжди"> </ парам>
    <Ім'я = значення парам "WMODE" = "непрозорим"> </ парам>
    <Вставляти SRC = "відео = / відео advideo.flv preview.swf?" Типу = "застосування / х-ударно-хвильова спалах" ширина = "500" висота = "300" AllowScriptAccess = "завжди" allowfullscreen = "істинний" WMODE = "непрозорим">
    </ EMBED>
    </ Об'єкт>
    </ Відео>
    </ DIV>
    <DIV клас = "VPlayer" даних Опис = "<IMG SRC =" / IMG thumb.png "клас =" imgblock '/> Відео 6 "даних IMG =" IMG / 1.jpg ">

    <Відео управління піджати>
    <Джерело SRC = "/ відео test.mp4" тип = "відео / MP4; кодеки = "avc1.42E01E, mp4a.40.2" "/>
    <Джерело SRC = "/ відео test.webm" тип = "відео / WebM; кодеки = "VP8, Vorbis" "/>
    <Джерело SRC = "/ відео test.ogg" тип = "відео / OGG; кодеки = "Theora, Vorbis" "/>
    <Джерело SRC = "/ відео bubbles.m4v" />

    <Ширина об'єкта = "500" висота = "300">
    <Ім'я парам = "фільм" Значення = "preview.swf? Відео = / відео advideo.flv"> </ парам>
    <Ім'я = значення парам "allowFullScreen" = "істинний"> </ парам>
    <Ім'я = значення парам "AllowScriptAccess" = "завжди"> </ парам>
    <Ім'я = значення парам "WMODE" = "непрозорим"> </ парам>
    <Вставляти SRC = "відео = / відео advideo.flv preview.swf?" Типу = "застосування / х-ударно-хвильова спалах" ширина = "500" висота = "300" AllowScriptAccess = "завжди" allowfullscreen = "істинний" WMODE = "непрозорим">
    </ EMBED>
    </ Об'єкт>
    </ Відео>
    </ DIV>

    </ DIV> <! Концевого ВІДЕО ГАЛЕРЕЯ ->





    FIY, ця галерея створена автором бестселерів, найбільш ознаками складі галереї в Інтернеті, який отримує постійні оновлення (більше 10 досі)
    Оболонки iPhone Ipad Compal Skinable Хвилин FlashVars erabIed Місцеве Відео кліпи7 і Мо! Envato AftESS ФОРУМ FASTSI.FPORT

  • Завантажити
    Інші компоненти в цій категоріїВсі компоненти цього автора
    КоментаріЧасті питання та відповіді

    Властивості

    Створено:
    3 сент 10

    Останнє оновлення:
    22 14 вересня

    Висока роздільна здатність:
    Так, підтримуються браузери

    Версія програмного забезпечення:
    HTML5

    Ключові слова

    електронної комерції, всі товари, опис, спалах, спалах запасний, FlashVars, fullscren, галерея, графіка, HTML5, тобто, зображення, інформація, localstorage, відео, обсяг, XML