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 에

@ko1wws최신 상태로 유지 하기 위해 우리의 피드를 구독!

새로운! 당신이 그것을 원하는대로 우리를 따르라!


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

envato AftESS 지원 포럼 FASTSI.FPORT

소개

모든 브라우저 (심지어 IE8)에서 작동, 사용자 정의, 설치가 용이 비디오 갤러리를 원하십니까, 유튜브 (최신 표준 (HTML5), 동영상 공유 업체에서 공급할 수 너무 멀티미디어 지원 (오디오 / 이미지)를 가지고에 달려있다 / 메오)? 그런 다음이 귀하의 사이트에 비디오를 소개하는 비디오 갤러리입니다.

갤러리는 모든 주요 브라우저 환경에서 작동 - 플래시 가을 백을 통해 IE를 포함. 또한, 비디오 갤러리에서 단일 비디오를 입력함으로써, 비디오 플레이어가된다.

이 갤러리는 최신 HTML5의 tehniques을 사용합니다. 예를 들어 - 당신이 종료하기 전의 마지막 볼륨을 기억하는 HTML5 로컬 저장소를 사용하고 당신이 돌아올 때 볼륨을 다시 설정합니다. 피부는 간단한 CSS를 통해 설정입니다 - 그래서 완전히 피부 할 기본 CSS로의

업데이트

업데이트 8.00 [2014년 9월 22일]

  • [FIX] 몇 가지 버그

업데이트 7.50 [2014년 4월 8일]

  • [팅겨] 훨씬 부드럽게 전환
  • [TWEAK] 미리보기 업데이트

업데이트 7.44 [2014년 3월 26일]

  • [FIX] 여러 버그
  • [FIX] 미리보기
  • [FIX] 자막 지원을 추가

업데이트 6.78 [2013년 10월 14일]

  • [FIX] 여러 버그

업데이트 6.10 [2013년 10월 2일]

  • [수정] YouTube 동영상의 끝에서 버그, 오디오를 계속 플레이 할
업데이트 5.11 [2013년 10월 2일]
  • 치명적인 IE9 / IE10의 버그를 수정
  • 마이그레이션 플러그인없이 JQuery와 1.9.1와 함께 작동하도록 업데이트
업데이트 5.00 [2013년 1월 10일]
  • YouTube 동영상에 대한 추가 HD 버튼
  • 메뉴 thumbsandarrows을 스크롤 할 수있는 새로운 방법을 추가 (미리보기에서 YouTube 채널 데모를 확인)
  • 추가 된 세 가지 새로운 모드 - 회전, rotator3d 벽
  • 갤러리 플레이어 스킨은 이제 독립적
  • 추가 된 새로운 갤러리 피부 - nav_transparent - 메뉴 항목 원형 투명 탐색
  • 플레이어 추가 된 새로운 멋진 피부 - 오로라
  • 업데이트 된 문서
  • 다른 버그가 수정
업데이트 4.10 [2012년 10월 22일]
  • 고정 된 전체 화면 버그 (사파리, 크롬, 파이어 폭스와 미래 호환 브라우저에서 완벽하게 작동합니다)
  • 추가 광고 지원 - 이미지 / 유튜브 비디오 광고
  • 다른 버그가 수정
업데이트 4.0 [2012년 5월 2일]
  • 몇 가지 버그를 수정
  • 변경된 비디오 갤러리 및 비디오 플레이어 DOM 구조
  • 새로운 버퍼링 막대를 추가
  • 추가 메오 지원
  • 추가 오디오 지원
  • 추가 이미지 지원
  • 추가 퍼가기 버튼
  • 추가 된 공유 버튼
  • 크롬, 사파리, 파이어 폭스에 대한 추가 실제 전체 화면
3.0 업데이트 [2012년 2월 23일]
  • 몇 가지 버그를 수정
  • 구조 조정 문서
  • 변경된 비디오 갤러리 및 비디오 플레이어 DOM 구조

업데이트 2.0 [2011년 7월 9일]

  • 몇 가지 버그를 수정
  • 아이팟 / 아이 패드 / 아이폰 지원
  • 최신 HTML5 표준으로 업데이트

특징

  • 비디오에 초점 - 전체 화면 버튼을 사용하면 전체 브라우저 창에서 동영상을 즐길하자
  • HTML5는 전원 - HTML5 비디오 요소 및 자바 스크립트 로컬 저장이 최첨단 갤러리를 만든다
  • 기본 설정은 기억 - 당신이 페이지를 닫고 나중에 열 때이 선수가 그래서, 사용자가 설정 한 마지막 볼륨을 저장하기 위해 HTML5의 로컬 저장소를 사용, 볼륨이 곧 다시 당신이 그것을 한 부분입니다
  • IE를 포함한 모든 주요 브라우저와 호환이 - 비디오 태그를 지원하지 않는 브라우저를위한 플래시 대체를 제공가 보이는 있도록 플래시 비디오 플레이어가 기본 것과 같은 피부를 가지고 (당신은 FlashVars를 통해 재생할 수있는 비디오 지정할 수 있습니다) 모든 플랫폼에서 동일
  • 아이폰 / 아이 패드 호환 -이 갤러리는 최적화 된 애플의 터치 장치
  • CSS는 스킨을 전원 - 갤러리 CSS는 두 부분으로 나누어 져 있습니다 - 기능 및 estethic이 자신의 피부를 만드는 것은 매우 간단하므로

    자산

    비디오에서 - http://www.bigbuckbunny.org/

    자주 묻는 질문

    첫번째 비디오는 잘 작동하지만, 2 비디오는 전혀로드되지 않습니다
    대부분의 아마 당신은 테스트와 같은 YouTube 동영상을 첨부했습니다. 당신은이 장소에서 같은 YouTube 동영상을 가질 수 없습니다.
    어떻게 그것으로 비 메오 링크가 포함합니까?
    그냥 동영상 갤러리-CON 내부에이 마크 업을 추가
     <DIV 클래스 = "VPLAYER - 도베"데이터 videoTitle = '비 메오 영상의 데이터 형 = "비 메오"데이터 SRC = "31539657"> <DIV 클래스 = "menuDescription"> <IMG SRC = "HTTP : // dummyimage.COM / 50 × 50 / 000000 / FFF 및 텍스트 = 엄지 손가락 "클래스 ="imgblock "/> <DIV 클래스 ="제목 ">이 비 메오 비디오 </ DIV> 썸네일이 자동 생성 할 수 있습니다... </ DIV> </입니다 DIV> 
    당신의 비 메오 비디오의 ID와 데이터의 src 값을 변경
    이것은 비 메오 또는 유튜브에없는 동영상을 사용할 수 있습니까? 내가 직접에 연결하고 싶은 서버에 호스팅 된 일부 동영상이 있습니다. 내가 최대한 빨리 알려 주시기 바랍니다. THX
    물론, 그것은 자기 호스팅 비디오 재생을 위해 특별히 만들어졌다. 유튜브 나 비 메오은 보너스입니다.
    어떻게 소셜 미디어 아이콘이 작동하려면 어떻게해야합니까?
    vGallery 기능에 shareCode 설정을 확인
    어떻게 제대로이 갤러리 내에서 사용하는 인코딩 내 비디오 어떻게해야합니까?

    당신은 당신의 영화가 모든 브라우저에서 확인 HTML5 비디오 재생을하기 위해 2 형식으로 변환해야

    브라우저 지원 및 추천 인코딩 프로그램

    IE9, IE8 (플래시) 및 사파리 : M4V -> http://handbrake.fr/

    크롬 및 오페라 & 파이어 폭스 : OGG-> http://video.online-convert.com/convert-to-ogg

    비디오 DOM 구조

     <DIV 클래스 = "VPLAYER"데이터 설명 = "내 비디오"데이터 IMG = "IMG / 1.JPG"> <비디오 컨트롤이 미리로드> <소스 SRC = "비디오 / myvideo.m4v"/> <소스 SRC = "비디오 / myvideo.ogg"/> <개체 유형 = "application / x-shockwave-flash의"데이터 = "preview.swf"폭 = "550"높이 = "300"ID = "flashcontent"스타일 = "시정 : 보이는;"> <PARAM 이름 = "영화"값 = "preview.swf"> <PARAM NAME = "메뉴"값 = "거짓"> <PARAM NAME = "allowScriptAccess를"값 = "항상"> <PARAM 이름 = "규모"값 = "noScale로"> <PARAM NAME = "allowFullScreen을"값 = "true"로> <PARAM NAME = "WMODE"값 = "불투명"> <PARAM NAME = "FlashVars를"값 = "비디오 = 비디오 / myvideo.m4v"> </ OBJECT> </ 비디오> </ DIV> 

    나는 어떻게 갤러리 동안 알람을 추가하려면, 내 비디오를 준비?

    가장 좋은 방법은 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, 보비스" '/>
    <소스 SRC = "비디오 / test.ogg"유형 = '비디오 / OGG; 코덱 = "테오 라 (Theora), 보비스" '/>
    <소스 SRC = "비디오 / bubbles.m4v"/>

    <개체 너비 = "500"높이 = "300">
    <PARAM 이름 = "영화"값 = "preview.swf? 비디오 = 비디오 / advideo.flv"> </ PARAM>
    <PARAM 이름 = "allowFullScreen을"값 = "진정한"> </ PARAM>
    <PARAM 이름 = "allowScriptAccess를"값 = "항상"> </ PARAM>
    <PARAM 이름 = "WMODE"값 = "불투명"> </ PARAM>
    <포함 SRC = "preview.swf? 비디오 = 비디오 / advideo.flv"유형 = "application / x-shockwave-flash의"폭 = "500"높이 = "300"allowScriptAccess를 = "항상"하고 allowFullScreen = "true"를 WMODE = > "불투명"
    </ 임베드>
    </ OBJECT>
    </ 비디오>
    </ DIV>

    </ DIV> <! -end 비디오 갤러리 ->

    이 갤러리의 마지막 비디오를 나타내며, 그것은 좋은 예는 그래서 비디오 (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, 보비스" '/>
    <소스 SRC = "비디오 / test.ogg"유형 = '비디오 / OGG; 코덱 = "테오 라 (Theora), 보비스" '/>
    <소스 SRC = "비디오 / bubbles.m4v"/>

    <개체 너비 = "500"높이 = "300">
    <PARAM 이름 = "영화"값 = "preview.swf? 비디오 = 비디오 / advideo.flv"> </ PARAM>
    <PARAM 이름 = "allowFullScreen을"값 = "진정한"> </ PARAM>
    <PARAM 이름 = "allowScriptAccess를"값 = "항상"> </ PARAM>
    <PARAM 이름 = "WMODE"값 = "불투명"> </ PARAM>
    <포함 SRC = "preview.swf? 비디오 = 비디오 / advideo.flv"유형 = "application / x-shockwave-flash의"폭 = "500"높이 = "300"allowScriptAccess를 = "항상"하고 all​​owFullScreen = "true"를 WMODE = > "불투명"
    </ 임베드>
    </ OBJECT>
    </ 비디오>
    </ 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, 보비스" '/>
    <소스 SRC = "비디오 / test.ogg"유형 = '비디오 / OGG; 코덱 = "테오 라 (Theora), 보비스" '/>
    <소스 SRC = "비디오 / bubbles.m4v"/>

    <개체 너비 = "500"높이 = "300">
    <PARAM 이름 = "영화"값 = "preview.swf? 비디오 = 비디오 / advideo.flv"> </ PARAM>
    <PARAM 이름 = "allowFullScreen을"값 = "진정한"> </ PARAM>
    <PARAM 이름 = "allowScriptAccess를"값 = "항상"> </ PARAM>
    <PARAM 이름 = "WMODE"값 = "불투명"> </ PARAM>
    <포함 SRC = "preview.swf? 비디오 = 비디오 / advideo.flv"유형 = "application / x-shockwave-flash의"폭 = "500"높이 = "300"allowScriptAccess를 = "항상"하고 allowFullScreen = "true"를 WMODE = > "불투명"
    </ 임베드>
    </ OBJECT>
    </ 비디오>
    </ DIV>

    </ DIV> <! -end 비디오 갤러리 ->





    날아가가,이 갤러리는 베스트셀러의 저자에 의해 만들어진, 인터넷에서 대부분의 기능을 갖춘 재고 갤러리가 일정 업데이트를 수신하는 (10 후보다 지금까지)
    스킨 아이폰 아이 패드는 컴팔 skinable minut의 FlashVars를 로컬 videos7과 모에를 erabIed! envato AftESS 지원 포럼 FASTSI.FPORT

  • 다운로드 할 수 있습니다
    해당 카테고리의 다른 구성 요소이 작성자 의 모든 구성 요소
    의견자주하는 질문과 답변 을 요구했다

    속성을 선택합니다

    :
    3 9월 10일 작성 및 최신 업데이트 22 명 9월 14일, 높은 해상도

    키워드

    전자 상거래, 모든 항목, 설명, 플래시, 플래시 대체, FlashVars를, fullscren, 갤러리, 그래픽, HTML5, 즉, 이미지, 정보, 로컬 저장소, 비디오, 볼륨, XML