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