Code

Video audio Grid wall With Youtube and Vimeo

Video audio Grid wall With Youtube and Vimeo

Get Motion to your images. Media Hovers is a responsive HTML5 plugin which plays audio and video on hover. It can be applied to any element. Just specify thumbnail and audio or video file and turn it into your hover. Media Hovers also supports lightbox mode where images and videos can be viewed in larger mode.

Features and options:

  • HTML5 video and audio support
  • Youtube and Vimeo support
  • Any custom iframe support
  • Cross browser compatible
  • IOS and Android support
  • Font Awesome Library icons
  • Optional image slideshows while audio plays
  • Social sharing support (facebook, twitter, google plus)
  • Lightbox support
  • Many ready to go demos included in the package
  • Lightweight code


keywords: youtube grid, vimeo wall, video hover, audio, facebook, twitter, share, lightbox gallery



Notes:

1. This is a jQuery plugin. If you would like a Wordpress version go here: http://codecanyon.net/item/media-hovers-wordpress-plugin/20803562

2. This plugin uses fancybox so make sure you dont use other fancybox versions in your page for compatibility issues.



Updates / Changelog

UPDATE 1.3 [13.10.2018]

  • [ADD] option to disable hover functionality on mobile
  • [ADD] option to apply lightbox to whole image thumbnail instead of just icon

UPDATE 1.25 [28.9.2018]

  • [UPDATE] small code improvements

VERSION 1.21 [6.6.2018]

 - [UPDATE] added muted autoplay for videos

VERSION 1.2 [14.4.2018]

 - [ADD] added "image" type will can display simple thumb and any content in lightbox
 - [UPDATE] lightbox can now contain Youtube, Vimeo, or any custom iframe as well
 - [UPDATE] some mobile playback improvements

VERSION 1.16 [9.4.2018]

 - [UPDATE] some code improvements

VERSION 1.15 [5.4.2018]

 - [UPDATE] update icons to font awesome 5

VERSION 1.13 [11.10.2017]

 - [UPDATE] useShare & useLightbox settings removed, they are automatically detected now with data-large & data-share attributes

VERSION 1.1 [3.10.2017]

 - [CHANGE] data-audio, data-video attributes changed into data-path
 - [FIX] small bugs and code improvements

VERSION 1.0 [25.09.2017]

 - first release
by
by
by
by
by
by