Media Hovers icon

Media Hovers

Media Hovers

Description

Click image to view demo

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

Updates / Changelog

VERSION 4.35 [26.3.2023]

 -  using swipe navigation doesnt change active thumbnail in lightbox
 -  image zoom pan in lightbox

VERSION 4.32 [20.3.2023]

 -  using swipe navigation in lightbox would prevent video controls from showing on tap
 -  fullscreen ipad not working 

VERSION 4.3 [26.11.2023]

 -  converted to javascript only (no jquery dependencies)
 -  masorny, justify grid reload after search field use
 -  new lightbox and settings
 -  admin domain change image urls option
 -  global gallery hook for lightbox

VERSION 3.95 [26.11.2022]

 -  option to specify aspect ratio for images using image mode background image
 -  Vimeo not showing fullsreen button in lightbox

VERSION 3.92 [11.5.2022]

 
 -  some grid setting causing mobile playback method down not to work

VERSION 3.91 [6.4.2022]

 
 -  mobile playback method down causes image popup save dialog to appear

VERSION 3.9 [22.3.2022]

 
 -  lightbox type iframe missing
 -  lightbox hook handle spacing 
 -  undefined index supportShortcodeInTitleDesc
 -  ios 15 video not showing if not thumbnail
 -  carousel option, variable width carousel
 -  hover scale effect
 -  disable video picture in picture 
 -  option to specify different video quality for mobile (for html5 video)
 -  option to have thumbnail image as background cover instead of img element

VERSION 3.71 [9.2.2022]

 
 -  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]

 
 -  masorny layout sometimes not resizing properly on start

UPDATE 3.6 [14.5.2021]

 -  new hover effects
 -  option to add video hover delay to start playback after some image effect has finished

UPDATE 3.51 [13.3.2021]

 -  youtube video not looping

UPDATE 3.5 [5.3.2021]


 -  load more button not working
 -  justify grid mode not working well when pagination is used
 -  lightbox triggering when url is set and no lightbox is set, and all triggers are set to whole item

 -  option to upload image icon for lightbox, share, url link

 -  new title skin - Viva
 -  option to play video on touch down on mobile (only while finger is down)
 -  option to play video in tooltip

UPDATE 3.0 [6.1.2021]

 -  option to use just videos without thumbnails (for self hosted media)
 -  load more items in the gallery when scrolling to window bottom 

UPDATE 2.65 [11.7.2020]

 -  link, lightbox icon created even if trigger is thumbnail or whole item
 -  prevent video download on tap hold

UPDATE 2.62 [18.6.2020]

 -  image hover lazy loaded

UPDATE 2.5 [8.5.2020]

 -  image categories

UPDATE 2.4 [29.1.2020]

 -  hover items are faded in once thumbnail loads to prevent elements over thumbnail like title showing before image loads
 -  add custom classes to gallery
 -  restrain gallery width
 -  specify image ratio for placeholder when lazy load is used (or use placeholder from image size)
 -  justifed grid layout

UPDATE 2.35 [25.1.2020]

 -  video / audio only loaded when hover happens
 -  ratio no longer required if only videos are used without thumbnails
 -  muted video autoplay mode (autoplay all, slideshow, random)
 -  playback rate

UPDATE 2.3 [22.11.2019]

 -  hovers now work on mobile
 -  trigger playback on hover or click
 -  select which element will trigger hover, link and lightbox
 -  option to add HTML inside hover item 

UPDATE 2.21 [9.10.2019]

 -  set icon over hover element (video, audio, image..)
 -  optional video loader over Youtube and Vimeo hover

UPDATE 2.2 [30.9.2019]

 -  lazy load images
 -  social sharing

UPDATE 2.1 [30.4.2019]

 -  Masonry layout support
 -  other layout improvements for more flexibility

UPDATE 2.03 [2.2.2019]

  • some code improvements and fixes

UPDATE 2.01 [22.1.2019]

  • option to use self hosted videos without thumbnail and define video start frame to show

UPDATE 2.0 [19.1.2019]

  • media hovers now available with Youtube and Vimeo videos
  • new layouts and styles
  • 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]

  • option to apply link to whole image thumbnail instead of just icon
  • image hover option (display another image on hover)
  • use tooltips option
  • audio slideshow

UPDATE 1.37 [28.10.2018]

  • auto sort break points from low to high

UPDATE 1.36 [25.10.2018]

  • update to font awesome

UPDATE 1.35 [17.10.2018]

  • auto grid calculation (calculate rows, columns and gutters)

UPDATE 1.3 [13.10.2018]

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

UPDATE 1.25 [28.9.2018]

  • small code improvements

VERSION 1.21 [6.6.2018]

 -  added muted autoplay for videos

VERSION 1.2 [14.4.2018]

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

VERSION 1.16 [9.4.2018]

 -  some code improvements

VERSION 1.15 [5.4.2018]

 -  update icons to font awesome 5

VERSION 1.13 [11.10.2017]

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

VERSION 1.1 [3.10.2017]

 -  data-audio, data-video attributes changed into data-path
 -  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

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.

Products of the Week.

Submit
codester.com

codester.com

SocialDesk+: Omnichannel Social Commerce & Business Management Platform This is stronger than simply “Social Commerce and Messaging” because it tells buyers this is a complete business platform, not just a messaging script. Turn Social Conversations Into Sales SocialDesk+ is a complete omnichannel social commerce and business management platform built for businesses that sell and communicate with customers through social media. Instead of switching between WhatsApp, Facebook, Instagram and TikTok, businesses can manage customer conversations, comments, products, leads, follow-ups, automation, teams and business reports from one professional workspace. And because the full source code is included, developers, agencies and entrepreneurs can customize, rebrand and launch SocialDesk+ as their own business solution or SaaS platform. 🚀 Build Your Own Social Commerce Business SocialDesk+ gives you the foundation to launch: - Your own SaaS platform - A white-label social CRM - A social-commerce management system - A customer communication platform - A business messaging solution - A custom solution for clients - A multi-business subscription platform 💬 Connect Your Customers Supported social channels include: WhatsApp • Facebook • Instagram • TikTok Bring supported conversations into one centralized workspace and help businesses respond faster without constantly switching between platforms. 🛍️ More Than a Messaging Platform SocialDesk+ combines communication with the tools businesses need to manage customer opportunities: Inbox Manage customer conversations from connected channels. Comments Monitor and respond to social-media comments. Customers & Leads Organize customer information and potential buyers. Products & Catalog Manage products and give your team quick access to product information. Follow-Ups Make sure potential customers don't get forgotten. Automation Automate repetitive customer questions and responses. AI Assistant Provide AI-assisted communication when configured. Team Management Give managers and staff access to the business workspace. Reports & Analytics Track activity using business reports and analytics. The current product listing already includes these capabilities. 🔥 Why Buyers Will Want It Launch Faster Start with an already-built business platform instead of developing the entire system from zero. Customize Everything The full source code is included, allowing developers to change branding, features, workflows and integrations. Build a SaaS Create multiple business workspaces and offer SocialDesk+ as a subscription-based service. Sell to Businesses Offer it to retailers, restaurants, service businesses, online sellers, agencies and other businesses that communicate with customers through social media. Mobile + Web + Backend This isn't just a mobile UI template. It includes: - Flutter mobile application - Python / FastAPI backend - Web interface - Administration tools - Database infrastructure - API-based architecture - SQLite / PostgreSQL support - Android and iOS project structure 💼 One Platform. Multiple Business Opportunities. For SaaS Entrepreneurs Launch your own subscription platform and allow multiple businesses to operate inside separate workspaces. For Software Agencies Customize and rebrand the platform for clients instead of building an omnichannel business system from scratch. For Developers Use the complete source code as a foundation for your own social-commerce or customer-management product. For Businesses Deploy a dedicated version for your own customer-service and social-commerce operations. 🧩 What's Included Mobile - Flutter / Dart - Android - iOS project Backend - Python - FastAPI - SQLAlchemy - Alembic Database - SQLite - PostgreSQL Web - HTML5 - CSS3 - JavaScript Deployment - Docker - Docker Compose - Production configuration Business Platform - Multi-workspace architecture - Authentication - Teams - Customers - Products - Messaging - Comments - Automation - Reports - Subscriptions - Administration The current listing also documents third-party integrations such as Meta, TikTok, Stripe, Firebase, SMTP and optional OpenAI configuration. ⚡ What Makes SocialDesk+ Different? You're not buying a simple: ❌ Chat UI ❌ WhatsApp clone ❌ Flutter template ❌ Admin dashboard ❌ Basic CRM You're getting a complete business platform foundation that can be customized, branded and commercialized. Connect. Automate. Manage. Grow. SocialDesk+ Omnichannel Social Commerce & Business Management Platform One important change I'd make to the current listing The current page starts with: “A simple guide to managing your social conversations, customers, products and business activity.”

Other · 5,297 views · 32 clicks

$2

Media Hovers | Code Market