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

Đăng ký vào nguồn cấp dữ liệu của chúng tôi để ở lại đến ngày!

Mới! Theo chúng tôi như bạn muốn nó!


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Envato AftESS HỖ TRỢ FORUM FASTSI.FPORT

Giới thiệu

Muốn có một Gallery Video đó là dễ dàng để cài đặt, tùy chỉnh, làm việc trong tất cả các trình duyệt (ngay cả IE8), là đến các tiêu chuẩn mới nhất (html5), có hỗ trợ đa phương tiện quá (âm thanh / hình ảnh), có thể ăn từ các nhà cung cấp chia sẻ video (youtube / vimeo)? Sau đó, đây ảnh Video để giới thiệu các video của bạn trên trang web của bạn.

Các bộ sưu tập các công trình trong tất cả các môi trường trình duyệt chính - bao gồm IE thông qua đèn flash mùa thu trở lại. Ngoài ra, bằng cách nhập một video duy nhất trong bộ sưu tập video, nó sẽ trở thành một máy nghe nhạc video.

Gallery này sử dụng tehniques html5 mới nhất. Ví dụ như - nó sử dụng HTML5 Cục bộ nhớ khối lượng cuối cùng bạn đã có trước khi bạn thoát ra và đặt lại khối lượng đó khi bạn quay trở lại. Da là thiết lập thông qua CSS đơn giản - vì vậy nó hoàn toàn da-thể với CSS cơ bản

Cập nhật

CẬP NHẬT 8.00 [2014/09/22]

  • [FIX] một số lỗi

CẬP NHẬT 7.50 [2014/04/08]

  • [Chỉnh] chuyển tiếp hiện nay trơn tru hơn nhiều
  • [Chỉnh] xem trước bản cập nhật

CẬP NHẬT 7.44 [2014/03/26]

  • [FIX] nhiều lỗi
  • [FIX] preview
  • [FIX] hỗ trợ thêm phụ đề

CẬP NHẬT 6,78 [2013/10/14]

  • [FIX] nhiều lỗi

CẬP NHẬT 6.10 [2013/10/02]

  • [Sửa] lỗi tại kết thúc của youtube video, âm thanh vẫn sẽ chơi
CẬP NHẬT 5.11 [2013/10/02]
  • cố định một lỗi IE9 / IE10 gây tử vong
  • cập nhật để làm việc với jquery 1.9.1 mà không cần cắm di cư
CẬP NHẬT 5.00 [2013/01/10]
  • nút HD thêm cho video YouTube
  • thêm cách mới để di chuyển các thumbsandarrows menu (xem YouTube Channel giới thiệu trong bản xem trước)
  • thêm ba chế độ mới - rotator, rotator3d và tường
  • da cho bộ sưu tập và phát bây giờ là độc lập
  • thêm vào bộ sưu tập da mới - nav_transparent - mục menu điều hướng hình tròn và minh bạch
  • thêm làn da tuyệt vời mới cho người chơi - aurora
  • tài liệu cập nhật
  • lỗi khác cố định
CẬP NHẬT 4.10 [2012/10/22]
  • lỗi cố định toàn màn hình (chỉ hoạt động hoàn hảo trên Safari, Chrome, Firefox và các trình duyệt tương thích trong tương lai)
  • thêm hỗ trợ quảng cáo - hình ảnh / youtube hoặc video quảng cáo
  • lỗi khác cố định
CẬP NHẬT 4.0 [2012/05/02]
  • Cố định một số lỗi
  • bộ sưu tập video và video thay đổi cấu trúc cầu thủ DOM
  • thêm một thanh đệm mới
  • hỗ trợ Vimeo thêm
  • Hỗ trợ âm thanh thêm
  • hỗ trợ thêm hình ảnh
  • nút nhúng thêm
  • nút chia sẻ thêm
  • thêm toàn màn hình thực sự cho Chrome, Safari, Firefox
CẬP NHẬT 3.0 [2012/02/23]
  • Cố định một số lỗi
  • tài liệu hướng dẫn cơ cấu lại
  • bộ sưu tập video và video thay đổi cấu trúc cầu thủ DOM

CẬP NHẬT 2.0 [07/09/2011]

  • Cố định một số lỗi
  • hỗ trợ iPod / iPad / iPhone
  • cập nhật các tiêu chuẩn html5 mới nhất

Tính năng

  • tập trung vào các video - nút toàn màn hình cho phép của bạn thưởng thức các video trên cửa sổ trình duyệt toàn bộ
  • html5 cung - yếu tố video html5 & javascript localStorage làm cho bộ sưu tập một này cắt cạnh
  • nhớ sở thích của bạn - máy nghe nhạc này sử dụng Lưu trữ Cục bộ của HTML5 để lưu trữ các tập cuối cùng bạn đã thiết lập, vì vậy khi bạn đóng trang và mở nó sau này, khối lượng là quay lại ngay nơi bạn còn lại nó
  • tương thích với tất cả các trình duyệt chính, bao gồm IE - cung cấp đèn flash dự phòng cho các trình duyệt không hỗ trợ thẻ video (bạn có thể chỉ định video để chơi thông qua FlashVars) người chơi flash video có làn da giống như một mặc định vì nó trông nhau trên tất cả các nền tảng
  • iphone / ipad tương thích - thiết bị cảm ứng gallery này đã được tối ưu táo
  • css cung da - các gallery css được chia thành hai phần - chức năng và estethic vì vậy nó rất dễ dàng để làm cho làn da của bạn

    Tài sản

    Video từ - http://www.bigbuckbunny.org/

    Hỏi đáp

    Video 1 hoạt động tốt nhưng, video thứ 2 không tải ở tất cả
    Hầu hết có lẽ bạn đang thử nghiệm và có kèm theo các youtube cùng video. Bạn không thể có youtube video cùng một trong 2 nơi.
    làm thế nào để tôi nhúng liên kết vimeo vào nó?
    chỉ cần thêm đánh dấu này bên trong videogallery-con
     <Div class = "vplayer-tobe" dữ liệu videoTitle = 'Vimeo video' data-type = "vimeo" data-src = "31539657"> <div class = "menuDescription"> <img src = "http: // dummyimage.com / 50x50 / 000000 / fff & text = ngón tay cái "class =" imgblock "/> <div class =" the-title "> Đây là một video Vimeo </ div> Các hình ảnh thu nhỏ có thể autogenerate... </ div> </ div> 
    Thay đổi giá trị dữ liệu-src với id của video Vimeo của bạn
    Này có thể được sử dụng cho các video được không trong Vimeo hoặc YouTube? Tôi có một số video được lưu trữ trên một máy chủ tôi muốn liên kết trực tiếp. Xin vui lòng cho tôi biết càng sớm càng tốt. cám ơn
    Chắc chắn, nó thực hiện cụ thể cho chơi tự tổ chức video. YouTube và Vimeo chỉ là một tiền thưởng.
    Làm thế nào để tôi có được các biểu tượng truyền thông xã hội để làm việc?
    kiểm tra các thiết lập cho các chức năng shareCode vGallery
    Làm thế nào để làm cho video của tôi được mã hoá để sử dụng trong bộ sưu tập này?

    Bạn cần phim của bạn chuyển đổi sang định dạng 2 để đảm bảo lượt video html5 trong tất cả các trình duyệt

    Hỗ trợ trình duyệt & chương trình mã hóa được đề nghị

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

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

    Video DOM cấu trúc

     <Div class = "vplayer" dữ liệu mô tả = "Video của tôi" data-img = "img / 1.jpg"> <Khiển video preload> <Source src = "video / myvideo.m4v" /> <Source src = "video / myvideo.ogg" /> <Object type = "application / x-shockwave-flash" data = "preview.swf" width = "550" height = "300" id = "FlashContent" style = "visibility: nhìn thấy được;"> <Param name = "movie" value = "preview.swf"> <param name = "menu" value = "false"> <param name = "allowScriptAccess" value = "always"> <Param name = "quy mô" value = "noscale"> <param name = "allowFullScreen" value = "true"> <param name = "wmode" value = "đục"> <Param name = "FlashVars" value = "video = video / myvideo.m4v"> </ Object> </ Video> </ Div> 

    Tôi có video của tôi đã sẵn sàng, làm thế nào để tôi thêm nó whitin thư viện?

    Cách tốt nhất để tìm hiểu rằng nếu bạn không phù hợp với html là bằng ví dụ. Nguồn mở / index.html và xung quanh dòng 122, bạn sẽ thấy:

    [..]
    <Div class = "vplayer" dữ liệu mô tả = "<img src = 'img / thumb.png' class = 'imgblock' /> Video 5" dữ liệu img = "img / 1.jpg">

    <Khiển video preload>
    <Source src = "video / test.mp4" type = 'video / mp4; codec = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "video / test.webm" type = 'video / webm; codec = "VP8, vorbis" "/>
    <Source src = "video / test.ogg" type = 'video / ogg; codec = "Theora, vorbis" "/>
    <Source src = "video / bubbles.m4v" />

    <Object width = "500" height = "300">
    <Param name = "movie" value = "preview.swf? Video = video / advideo.flv"> </ param>
    <Param name = "allowFullScreen" value = "true"> </ param>
    <Param name = "allowscriptaccess" value = "always"> </ param>
    <Param name = "wmode" value = "đục"> </ param>
    <Embed src = "preview.swf video = video / advideo.flv?" Type = "application / x-shockwave-flash" width = "500" height = "300" allowscriptaccess = "always" allowfullscreen = "true" wmode = "đục">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

    </ Div> <! End Video GALLERY ->

    Điều này đại diện cho các video mới nhất trong bộ sưu tập, và đó là một ví dụ tốt vì vậy hãy sao chép đó và đặt tên cho nó Video 6 thay vì Video 5

    [..]
    <Div class = "vplayer" dữ liệu mô tả = "<img src = 'img / thumb.png' class = 'imgblock' /> Video 5" dữ liệu img = "img / 1.jpg">

    <Khiển video preload>
    <Source src = "video / test.mp4" type = 'video / mp4; codec = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "video / test.webm" type = 'video / webm; codec = "VP8, vorbis" "/>
    <Source src = "video / test.ogg" type = 'video / ogg; codec = "Theora, vorbis" "/>
    <Source src = "video / bubbles.m4v" />

    <Object width = "500" height = "300">
    <Param name = "movie" value = "preview.swf? Video = video / advideo.flv"> </ param>
    <Param name = "allowFullScreen" value = "true"> </ param>
    <Param name = "allowscriptaccess" value = "always"> </ param>
    <Param name = "wmode" value = "đục"> </ param>
    <Embed src = "preview.swf video = video / advideo.flv?" Type = "application / x-shockwave-flash" width = "500" height = "300" allowscriptaccess = "always" allowfullscreen = "true" wmode = "đục">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>
    <Div class = "vplayer" dữ liệu mô tả = "<img src = 'img / thumb.png' class = 'imgblock' /> Video 6" dữ liệu img = "img / 1.jpg">

    <Khiển video preload>
    <Source src = "video / test.mp4" type = 'video / mp4; codec = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "video / test.webm" type = 'video / webm; codec = "VP8, vorbis" "/>
    <Source src = "video / test.ogg" type = 'video / ogg; codec = "Theora, vorbis" "/>
    <Source src = "video / bubbles.m4v" />

    <Object width = "500" height = "300">
    <Param name = "movie" value = "preview.swf? Video = video / advideo.flv"> </ param>
    <Param name = "allowFullScreen" value = "true"> </ param>
    <Param name = "allowscriptaccess" value = "always"> </ param>
    <Param name = "wmode" value = "đục"> </ param>
    <Embed src = "preview.swf video = video / advideo.flv?" Type = "application / x-shockwave-flash" width = "500" height = "300" allowscriptaccess = "always" allowfullscreen = "true" wmode = "đục">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

    </ Div> <! End Video GALLERY ->





    FIY, bộ sưu tập này được tạo ra bởi các tác giả của các sách bán chạy nhất, bộ sưu tập cổ nhất tính năng trên internet mà nhận được cập nhật liên tục (hơn 10 cho đến nay)
    da iPhone iPad Compal FlashVars Minut skinable erabIed videos7 và moe địa phương! Envato AftESS HỖ TRỢ FORUM FASTSI.FPORT

  • Tải về
    Các thành phần khác trong thể loại nàyTất cả các thành phần của tác giả này
    Ý kiếnCâu hỏi thường gặp và câu trả lời

    Tài sản

    Tạo:
    3 10 Tháng 9, Cập nhật lần cuối ngày 22 Tháng 9

    Độ phân giải cao:

    trình duyệt tương thích:
    IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, tập tin bao gồm

    Phiên bản phần mềm:
    HTML5

    Từ khóa

    Thương mại điện tử, All Items, mô, tả, flash, flash dự phò, ng, FlashVars, fullscren, bộ sưu tập, đồ họa, html5, tức, hì, nh ảnh, thô, ng tin, Cục bộ, video, â, m lượng, xml