Click on picture to view demo
View plugin documentation
Get Movement to your pictures. Media Hovers is a responsive HTML5 plugin which performs audio and video on hover. Create a gallery of picture thumbnails utilizing this plugin which can play video on hover. Media Hovers additionally helps lightbox mode the place pictures and movies could be considered in bigger mode. Assist for Youtube and Vimeo video is included.
Options and choices:
- Play media on hover or click on (works on cellular too!)
- Responsive grids with breakpoints
- Masonry help
- HTML5 video and audio help
- Youtube and Vimeo help
- Lightbox help
- Animation results
- Light-weight code
- Connect url hyperlink to photographs
- Accepts customized HTML inside
Notes
That is javascript plugin for standalone web site.
Updates / Changelog
VERSION 5.2 [20.10.2024]
- [UPDATE] detect cellular question - [UPDATE] playback technique deactivate playback by click on anyplace out of plugin space
VERSION 5.1 [19.10.2024]
- [FIX] video playback
VERSION 5.0 [1.4.2024]
- [UPDATE] visible progress in thumbnail - [UPDATE] youtube, vimeo resume video time on hover if Rewind On Hover is fake - [UPDATE] load extra on web page scroll with out load extra button - [ADD] observer load extra technique - [ADD] navigator share - [ADD] on / off subtitle button - [ADD] on / off quantity button - [UPDATE] replace to SVG icons
VERSION 4.85 [17.2.2024]
- [UPDATE] add pagination demo within the package deal
VERSION 4.8 [27.11.2023]
- [FIX] hyperlink or lightbox might not work with some skins like Sarah, Bubba or Zoe
VERSION 4.75 [23.7.2023]
- [ADD] autoplay Movies On Begin Mode mode viewport (scroll into view to play) - [UPDATE] replace lightbox, possibility to offer full url for youtube, vimeo, iframe
VERSION 4.7 [15.7.2023]
- [UPDATE] pagination / load extra now works with filter classes - [UPDATE] video autoplay mode all now works with justify mode if thumbnails are used - [ADD] choice to show subtitles on hover for video, Youtube, Vimeo or audio
VERSION 4.35 [26.3.2023]
- [FIX] utilizing swipe navigation doesnt change energetic thumbnail in lightbox - [ADD] picture zoom pan in lightbox
VERSION 4.32 [20.3.2023]
- [FIX] utilizing swipe navigation in lightbox would forestall video controls from exhibiting on faucet - [FIX] fullscreen ipad not working
VERSION 4.3 [26.11.2023]
- [UPDATE] transformed to javascript solely (no jquery dependencies) - [UPDATE] masorny, justify grid reload after search subject use - [UPDATE] new lightbox and settings - [UPDATE] admin area change picture urls possibility - [UPDATE] world gallery hook for lightbox
VERSION 3.95 [26.11.2022]
- [UPDATE] choice to specify side ratio for pictures utilizing picture mode background picture - [FIX] Vimeo not exhibiting fullsreen button in lightbox
VERSION 3.92 [11.5.2022]
- [FIX] some grid setting inflicting cellular playback technique down to not work
VERSION 3.91 [6.4.2022]
- [FIX] cellular playback technique down causes picture popup save dialog to look
VERSION 3.9 [22.3.2022]
- [FIX] lightbox sort iframe lacking - [FIX] lightbox hook deal with spacing - [FIX] undefined index supportShortcodeInTitleDesc - [FIX] ios 15 video not exhibiting if not thumbnail - [ADD] carousel possibility, variable width carousel - [ADD] hover scale impact - [UPDATE] disable video image in image - [ADD] choice to specify totally different video high quality for cellular (for html5 video) - [UPDATE] choice to have thumbnail picture as background cowl as an alternative of img factor
VERSION 3.71 [9.2.2022]
- [FIX] if pictures weren't used, solely movies, on cellular movies weren't enjoying if Attempt to unmute video was true
VERSION 3.7 [10.1.2022]
- [FIX] masorny structure typically not resizing correctly on begin
UPDATE 3.6 [14.5.2021]
- [ADD] new hover results - [ADD] possibility so as to add video hover delay to begin playback after some picture impact has completed
UPDATE 3.51 [13.3.2021]
- [FIX] youtube video not looping
UPDATE 3.5 [5.3.2021]
- [FIX] load extra button not working - [FIX] justify grid mode not working effectively when pagination is used - [FIX] lightbox triggering when url is ready and no lightbox is ready, and all triggers are set to complete merchandise - [UPDATE] choice to add picture icon for lightbox, share, url hyperlink - [ADD] new title pores and skin - Viva - [ADD] choice to play video on contact down on cellular (solely whereas finger is down) - [ADD] choice to play video in tooltip
UPDATE 3.0 [6.1.2021]
- [UPDATE] possibility to make use of simply movies with out thumbnails (for self hosted media) - [ADD] load extra gadgets within the gallery when scrolling to window backside
UPDATE 2.65 [11.7.2020]
- [FIX] hyperlink, lightbox icon created even when set off is thumbnail or complete merchandise - [UPDATE] forestall video obtain on faucet maintain
UPDATE 2.62 [18.6.2020]
- [UPDATE] picture hover lazy loaded
UPDATE 2.5 [8.5.2020]
- [ADD] picture classes
UPDATE 2.4 [29.1.2020]
- [UPDATE] hover gadgets are light in as soon as thumbnail hundreds to stop parts over thumbnail like title exhibiting earlier than picture hundreds - [ADD] add customized lessons to gallery - [ADD] restrain gallery width - [ADD] specify picture ratio for placeholder when lazy load is used (or use placeholder from picture measurement) - [ADD] justifed grid structure
UPDATE 2.35 [25.1.2020]
- [UPDATE] video / audio solely loaded when hover occurs - [UPDATE] ratio not required if solely movies are used with out thumbnails - [ADD] muted video autoplay mode (autoplay all, slideshow, random) - [ADD] playback fee
UPDATE 2.3 [22.11.2019]
- [UPDATE] hovers now work on cellular - [ADD] set off playback on hover or click on - [UPDATE] choose which factor will set off hover, hyperlink and lightbox - [ADD] possibility so as to add HTML inside hover merchandise
UPDATE 2.21 [9.10.2019]
- [ADD] set icon over hover factor (video, audio, picture..) - [ADD] non-obligatory video loader over Youtube and Vimeo hover
UPDATE 2.2 [30.9.2019]
- [ADD] lazy load pictures - [ADD] social sharing
UPDATE 2.1 [30.4.2019]
- [ADD] Masonry structure help - [UPDATE] different structure enhancements for extra flexibility
UPDATE 2.03 [2.2.2019]
- [UPDATE] some code enhancements and fixes
UPDATE 2.01 [22.1.2019]
- [ADD] possibility to make use of self hosted movies with out thumbnail and outline video begin body to point out
UPDATE 2.0 [19.1.2019]
- [ADD] media hovers now out there with Youtube and Vimeo movies
- [UPDATE] new layouts and kinds
- [UPDATE] common enhancements (simpler to type hover gadgets with CSS and add your individual HTML, lightbox compatibility with different lightboxes within the web page, and many others..)
UPDATE 1.45 [7.11.2018]
- [ADD] possibility to use hyperlink to complete picture thumbnail as an alternative of simply icon
- [ADD] picture hover possibility (show one other picture on hover)
- [UPDATE] use tooltips possibility
- [REMOVE] audio slideshow
UPDATE 1.37 [28.10.2018]
- [UPDATE] auto type break factors from low to excessive
UPDATE 1.36 [25.10.2018]
- [UPDATE] replace to font superior
UPDATE 1.35 [17.10.2018]
- [ADD] auto grid calculation (calculate rows, columns and gutters)
UPDATE 1.3 [13.10.2018]
- [ADD] choice to disable hover performance on cellular
- [ADD] possibility to use lightbox to complete picture thumbnail as an alternative of simply icon
UPDATE 1.25 [28.9.2018]
- [UPDATE] small code enhancements
VERSION 1.21 [6.6.2018]
- [UPDATE] added muted autoplay for movies
VERSION 1.2 [14.4.2018]
- [ADD] added "picture" sort will can show easy thumb and any content material in lightbox - [UPDATE] lightbox can now comprise Youtube, Vimeo, or any customized iframe as effectively - [UPDATE] some cellular playback enhancements
VERSION 1.16 [9.4.2018]
- [UPDATE] some code enhancements
VERSION 1.15 [5.4.2018]
- [UPDATE] replace icons to font superior 5
VERSION 1.13 [11.10.2017]
- [UPDATE] useShare & useLightbox settings eliminated, they're mechanically detected now with data-large & data-share attributes
VERSION 1.1 [3.10.2017]
- [CHANGE] data-audio, data-video attributes turned into data-path - [FIX] small bugs and code enhancements
VERSION 1.0 [25.09.2017]
- first launch
key phrases: youtube grid, vimeo wall, video hover, audio, fb, twitter, share, lightbox gallery
