Media Hovers

Description

Click image to view demo View plugin documentation Get Motion to your images Media Hovers is a responsive HTML5 plugin which plays audio and video on hover Create a gallery of image thumbnails using this plugin which will play video on hover Media Hovers also supports lightbox mode where images and videos can be viewed in larger mode Support for Youtube and Vimeo video is included Features and options Play media on hover or click works on mobile too Responsive grids with breakpoints Masonry support HTML5 video and audio support Youtube and Vimeo support Lightbox support Animation effects Lightweight code Attach url link to images Accepts custom HTML inside Notes This is javascript plugin for standalone website Updates Changelog VERSION 5 0 1 4 2024 – UPDATE visual progress in thumbnail – UPDATE youtube vimeo resume video time on hover if Rewind On Hover is false – UPDATE load more on page scroll without load more button – ADD observer load more method – ADD navigator share – ADD on off subtitle button – ADD on off volume button – UPDATE update to SVG icons VERSION 4 85 17 2 2024 – UPDATE add pagination demo in the package VERSION 4 8 27 11 2023 – FIX link or lightbox may not work with some skins like Sarah Bubba or Zoe VERSION 4 75 23 7 2023 – ADD autoplay Videos On Start Mode mode viewport scroll into view to play – UPDATE update lightbox option to provide full url for youtube vimeo iframe VERSION 4 7 15 7 2023 – UPDATE pagination load more now works with filter categories – UPDATE video autoplay mode all now works with justify mode if thumbnails are used – ADD option to display subtitles on hover for video Youtube Vimeo or audio VERSION 4 35 26 3 2023 – FIX using swipe navigation doesnt change active thumbnail in lightbox – ADD image zoom pan in lightbox VERSION 4 32 20 3 2023 – FIX using swipe navigation in lightbox would prevent video controls from showing on tap – FIX fullscreen ipad not working VERSION 4 3 26 11 2023 – UPDATE converted to javascript only no jquery dependencies – UPDATE masorny justify grid reload after search field use – UPDATE new lightbox and settings – UPDATE admin domain change image urls option – UPDATE global gallery hook for lightbox VERSION 3 95 26 11 2022 – UPDATE option to specify aspect ratio for images using image mode background image – FIX Vimeo not showing fullsreen button in lightbox VERSION 3 92 11 5 2022 – FIX some grid setting causing mobile playback method down not to work VERSION 3 91 6 4 2022 – FIX mobile playback method down causes image popup save dialog to appear VERSION 3 9 22 3 2022 – FIX lightbox type iframe missing – FIX lightbox hook handle spacing – FIX undefined index supportShortcodeInTitleDesc – FIX ios 15 video not showing if not thumbnail – ADD carousel option variable width carousel – ADD hover scale effect – UPDATE disable video picture in picture – ADD option to specify different video quality for mobile for html5 video – UPDATE option to have thumbnail image as background cover instead of img element VERSION 3 71 9 2 2022 – FIX if images were not used only videos on mobile videos were not playing if Try to unmute video was true VERSION 3 7 10 1 2022 – FIX masorny layout sometimes not resizing properly on start UPDATE 3 6 14 5 2021 – ADD new hover effects – ADD option to add video hover delay to start playback after some image effect has finished UPDATE 3 51 13 3 2021 – FIX youtube video not looping UPDATE 3 5 5 3 2021 – FIX load more button not working – FIX justify grid mode not working well when pagination is used – FIX lightbox triggering when url is set and no lightbox is set and all triggers are set to whole item – UPDATE option to upload image icon for lightbox share url link – ADD new title skin – Viva – ADD option to play video on touch down on mobile only while finger is down – ADD option to play video in tooltip UPDATE 3 0 6 1 2021 – UPDATE option to use just videos without thumbnails for self hosted media – ADD load more items in the gallery when scrolling to window bottom UPDATE 2 65 11 7 2020 – FIX link lightbox icon created even if trigger is thumbnail or whole item – UPDATE prevent video download on tap hold UPDATE 2 62 18 6 2020 – UPDATE image hover lazy loaded UPDATE 2 5 8 5 2020 – ADD image categories UPDATE 2 4 29 1 2020 – UPDATE hover items are faded in once thumbnail loads to prevent elements over thumbnail like title showing before image loads – ADD add custom classes to gallery – ADD restrain gallery width – ADD specify image ratio for placeholder when lazy load is used or use placeholder from image size – ADD justifed grid layout UPDATE 2 35 25 1 2020 – UPDATE video audio only loaded when hover happens – UPDATE ratio no longer required if only videos are used without thumbnails – ADD muted video autoplay mode autoplay all slideshow random – ADD playback rate UPDATE 2 3 22 11 2019 – UPDATE hovers now work on mobile – ADD trigger playback on hover or click – UPDATE select which element will trigger hover link and lightbox – ADD option to add HTML inside hover item UPDATE 2 21 9 10 2019 – ADD set icon over hover element video audio image – ADD optional video loader over Youtube and Vimeo hover UPDATE 2 2 30 9 2019 – ADD lazy load images – ADD social sharing UPDATE 2 1 30 4 2019 – ADD Masonry layout support – UPDATE other layout improvements for more flexibility UPDATE 2 03 2 2 2019 UPDATE some code improvements and fixes UPDATE 2 01 22 1 2019 ADD option to use self hosted videos without thumbnail and define video start frame to show UPDATE 2 0 19 1 2019 ADD media hovers now available with Youtube and Vimeo videos UPDATE new layouts and styles UPDATE general improvements easier to style hover items with CSS and add your own HTML lightbox compatibility with other lightboxes in the page etc UPDATE 1 45 7 11 2018 ADD option to apply link to whole image thumbnail instead of just icon ADD image hover option display another image on hover UPDATE use tooltips option REMOVE audio slideshow UPDATE 1 37 28 10 2018 UPDATE auto sort break points from low to high UPDATE 1 36 25 10 2018 UPDATE update to font awesome UPDATE 1 35 17 10 2018 ADD auto grid calculation calculate rows columns and gutters 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 keywords youtube grid vimeo wall video hover audio facebook twitter share lightbox gallery