{"id":4164,"date":"2026-10-10T15:59:56","date_gmt":"2026-10-10T15:59:56","guid":{"rendered":"https:\/\/rometheme.net\/plugins\/?p=4164"},"modified":"2026-10-15T09:12:17","modified_gmt":"2026-10-15T09:12:17","slug":"media-on-hover","status":"publish","type":"post","link":"https:\/\/rometheme.net\/plugins\/elements\/media-on-hover\/","title":{"rendered":"Media On Hover"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4164\" class=\"elementor elementor-4164\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b9ff2f e-flex e-con-boxed e-con e-parent\" data-id=\"6b9ff2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e0eecfd e-con-full e-flex e-con e-child\" data-id=\"e0eecfd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a88fc7c elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"a88fc7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"rtmicon rtmicon-lottie-animation\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tMedia on Hover\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c167c90 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"c167c90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Bring Your Media to Life With Interactive <\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e2a081 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"0e2a081\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Create engaging media experiences with videos or images that play on hover, adding smooth transitions and interactive effects to make your website more dynamic.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd21bdd e-con-full e-flex e-con e-child\" data-id=\"dd21bdd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8ece6c elementor-align-right elementor-widget-mobile__width-initial elementor-mobile-align-left e-transform elementor-widget elementor-widget-button\" data-id=\"e8ece6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-6,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/store.rometheme.net\/pricing\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"rtmicon rtmicon-arrow-up-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get RTMKit ONE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e473e7 elementor-align-right elementor-widget-mobile__width-initial elementor-mobile-align-left e-transform elementor-widget elementor-widget-button\" data-id=\"0e473e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-6,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/support.rometheme.net\/docs\/romethemekit-pro-for-elementor\/widget-pro-guidelines\/media-on-hover-widget\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Read Documentation<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a4061e e-con-full e-flex e-con e-child\" data-id=\"2a4061e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34fecd3 elementor-widget elementor-widget-image\" data-id=\"34fecd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"348\" height=\"621\" src=\"https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2026\/10\/Edit-Media-On-Hover-with-Elementor-10-10-2026_11_09_PM.jpg\" class=\"attachment-full size-full wp-image-4172\" alt=\"\" srcset=\"https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2026\/10\/Edit-Media-On-Hover-with-Elementor-10-10-2026_11_09_PM.jpg 348w, https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2026\/10\/Edit-Media-On-Hover-with-Elementor-10-10-2026_11_09_PM-168x300.jpg 168w\" sizes=\"(max-width: 348px) 100vw, 348px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a7ac7a e-con-full rtmkit-blur-effect-enabled e-flex e-con e-child\" data-id=\"3a7ac7a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9bd13ed elementor-widget elementor-widget-heading\" data-id=\"9bd13ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">KEY FEATURES<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09c22c9 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"09c22c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-950ffc3 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"950ffc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Video &amp; Audio on Hover<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Smooth Transitions<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Customizable Hover Actions<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Responsive Media Display<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf65de9 e-con-full e-flex e-con e-parent\" data-id=\"bf65de9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d0f76d4 e-con-full e-flex e-con e-child\" data-id=\"d0f76d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba3d657 elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"ba3d657\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"rtmicon-thin rtmicon-arrow-long-right\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tDemos Examples\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1820329 elementor-widget elementor-widget-heading\" data-id=\"1820329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Showcase &amp; Preview Style<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0dd3191 elementor-widget elementor-widget-text-editor\" data-id=\"0dd3191\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Preview how this widget works in real layouts\u2014enhancing visuals, structuring content, and adding interactive functionality to your Elementor website.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9964d18 e-con-full e-flex e-con e-child\" data-id=\"9964d18\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e19d68 elementor-widget__width-initial elementor-widget elementor-widget-rkit-media-hover\" data-id=\"5e19d68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"rkit-media-hover.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"rkit-mh rkit-mh--video rkit-mh--kind-youtube rkit-mh--transition-fade rkit-mh--from-left rkit-mh--content-below rkit-mh--overlay-hide_playing rkit-mh--vis-bottom rkit-mh--vis-show-playing rkit-mh--controls-bottom-left rkit-mh--controls-show-hover rkit-mh--badge-bottom-right rkit-mh--has-active-icon\" data-config=\"{&quot;kind&quot;:&quot;youtube&quot;,&quot;src&quot;:&quot;-jRhhPu6w2M&quot;,&quot;sequence&quot;:[],&quot;privacy&quot;:false,&quot;start&quot;:0,&quot;end&quot;:0,&quot;posterType&quot;:&quot;image&quot;,&quot;posterOnPause&quot;:true,&quot;posterOnEnd&quot;:true,&quot;mode&quot;:&quot;playback&quot;,&quot;scrub&quot;:{&quot;axis&quot;:&quot;x&quot;,&quot;smoothing&quot;:0.8,&quot;leave&quot;:&quot;reset&quot;},&quot;triggers&quot;:{&quot;trigger&quot;:&quot;hover&quot;,&quot;trigger_mobile&quot;:&quot;&quot;,&quot;trigger_tablet&quot;:&quot;&quot;},&quot;hoverDelay&quot;:150,&quot;viewportThreshold&quot;:0.5,&quot;tapBehavior&quot;:&quot;toggle&quot;,&quot;focusPlay&quot;:true,&quot;leaveAction&quot;:&quot;pause&quot;,&quot;resumeAction&quot;:&quot;resume&quot;,&quot;repeat&quot;:&quot;loop&quot;,&quot;muted&quot;:false,&quot;volume&quot;:0.8,&quot;rate&quot;:1,&quot;pauseOthers&quot;:true,&quot;duration&quot;:&quot;none&quot;,&quot;customActiveIcon&quot;:false,&quot;visualizer&quot;:{&quot;type&quot;:&quot;none&quot;,&quot;source&quot;:&quot;decorative&quot;,&quot;bars&quot;:32,&quot;position&quot;:&quot;bottom&quot;},&quot;cursor&quot;:{&quot;enabled&quot;:false,&quot;text&quot;:&quot;&quot;,&quot;activeText&quot;:&quot;&quot;,&quot;smoothing&quot;:0.8,&quot;magnetic&quot;:false,&quot;strength&quot;:0.3},&quot;loadOn&quot;:&quot;visible&quot;,&quot;preload&quot;:&quot;metadata&quot;,&quot;pauseOutside&quot;:true,&quot;reducedMotion&quot;:true,&quot;labels&quot;:{&quot;play&quot;:&quot;Play media preview&quot;,&quot;pause&quot;:&quot;Pause media preview&quot;,&quot;mute&quot;:&quot;Mute&quot;,&quot;unmute&quot;:&quot;Unmute&quot;}}\">\n            <div class=\"rkit-mh__card\">\n                <div class=\"rkit-mh__media\">\n                    <div class=\"rkit-mh__layers\">\n                                                    <div class=\"rkit-mh__poster\"><img decoding=\"async\" width=\"1986\" height=\"1192\" src=\"https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2025\/06\/54-b.jpg\" class=\"attachment-full size-full wp-image-1551\" alt=\"\" srcset=\"https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2025\/06\/54-b.jpg 1986w, https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2025\/06\/54-b-300x180.jpg 300w, https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2025\/06\/54-b-1024x615.jpg 1024w, https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2025\/06\/54-b-768x461.jpg 768w, https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2025\/06\/54-b-1536x922.jpg 1536w\" sizes=\"(max-width: 1986px) 100vw, 1986px\" \/><\/div>\n                                                <div class=\"rkit-mh__stage\"><\/div>\n                    <\/div>\n\n                    \n                    \n                    \n                    \n                    <span class=\"rkit-mh__loader\" aria-hidden=\"true\"><\/span>\n\n                    <button class=\"rkit-mh__hit\" aria-label=\"Play media preview\" type=\"button\" aria-pressed=\"false\"><\/button>\n\n                    \n                    \n                    <span class=\"rkit-mh__hint\" role=\"status\">Click to enable sound<\/span>\n                <\/div>\n\n                                                                <\/div>\n\n            \n                    <\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2388a3 elementor-widget__width-initial elementor-widget elementor-widget-rkit-media-hover\" data-id=\"a2388a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"rkit-media-hover.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"rkit-mh rkit-mh--video rkit-mh--kind-youtube rkit-mh--transition-fade rkit-mh--from-left rkit-mh--content-below rkit-mh--overlay-hide_playing rkit-mh--vis-bottom rkit-mh--vis-show-playing rkit-mh--controls-bottom-left rkit-mh--controls-show-hover rkit-mh--badge-bottom-right rkit-mh--has-active-icon\" data-config=\"{&quot;kind&quot;:&quot;youtube&quot;,&quot;src&quot;:&quot;dOz3jfVUngw&quot;,&quot;sequence&quot;:[],&quot;privacy&quot;:false,&quot;start&quot;:0,&quot;end&quot;:0,&quot;posterType&quot;:&quot;image&quot;,&quot;posterOnPause&quot;:true,&quot;posterOnEnd&quot;:true,&quot;mode&quot;:&quot;playback&quot;,&quot;scrub&quot;:{&quot;axis&quot;:&quot;x&quot;,&quot;smoothing&quot;:0.8,&quot;leave&quot;:&quot;reset&quot;},&quot;triggers&quot;:{&quot;trigger&quot;:&quot;hover&quot;,&quot;trigger_mobile&quot;:&quot;&quot;,&quot;trigger_tablet&quot;:&quot;&quot;},&quot;hoverDelay&quot;:150,&quot;viewportThreshold&quot;:0.5,&quot;tapBehavior&quot;:&quot;toggle&quot;,&quot;focusPlay&quot;:true,&quot;leaveAction&quot;:&quot;pause&quot;,&quot;resumeAction&quot;:&quot;resume&quot;,&quot;repeat&quot;:&quot;loop&quot;,&quot;muted&quot;:false,&quot;volume&quot;:0.8,&quot;rate&quot;:1,&quot;pauseOthers&quot;:true,&quot;duration&quot;:&quot;none&quot;,&quot;customActiveIcon&quot;:false,&quot;visualizer&quot;:{&quot;type&quot;:&quot;none&quot;,&quot;source&quot;:&quot;decorative&quot;,&quot;bars&quot;:32,&quot;position&quot;:&quot;bottom&quot;},&quot;cursor&quot;:{&quot;enabled&quot;:false,&quot;text&quot;:&quot;&quot;,&quot;activeText&quot;:&quot;&quot;,&quot;smoothing&quot;:0.8,&quot;magnetic&quot;:false,&quot;strength&quot;:0.3},&quot;loadOn&quot;:&quot;visible&quot;,&quot;preload&quot;:&quot;metadata&quot;,&quot;pauseOutside&quot;:true,&quot;reducedMotion&quot;:true,&quot;labels&quot;:{&quot;play&quot;:&quot;Play media preview&quot;,&quot;pause&quot;:&quot;Pause media preview&quot;,&quot;mute&quot;:&quot;Mute&quot;,&quot;unmute&quot;:&quot;Unmute&quot;}}\">\n            <div class=\"rkit-mh__card\">\n                <div class=\"rkit-mh__media\">\n                    <div class=\"rkit-mh__layers\">\n                                                    <div class=\"rkit-mh__poster\"><img decoding=\"async\" width=\"1986\" height=\"1192\" src=\"https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2025\/06\/54-a.jpg\" class=\"attachment-full size-full wp-image-1550\" alt=\"\" srcset=\"https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2025\/06\/54-a.jpg 1986w, https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2025\/06\/54-a-300x180.jpg 300w, https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2025\/06\/54-a-1024x615.jpg 1024w, https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2025\/06\/54-a-768x461.jpg 768w, https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2025\/06\/54-a-1536x922.jpg 1536w\" sizes=\"(max-width: 1986px) 100vw, 1986px\" \/><\/div>\n                                                <div class=\"rkit-mh__stage\"><\/div>\n                    <\/div>\n\n                    \n                    \n                    \n                    \n                    <span class=\"rkit-mh__loader\" aria-hidden=\"true\"><\/span>\n\n                    <button class=\"rkit-mh__hit\" aria-label=\"Play media preview\" type=\"button\" aria-pressed=\"false\"><\/button>\n\n                    \n                    \n                    <span class=\"rkit-mh__hint\" role=\"status\">Click to enable sound<\/span>\n                <\/div>\n\n                                                                <\/div>\n\n            \n                    <\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4fc66d1 elementor-widget__width-initial elementor-widget elementor-widget-rkit-media-hover\" data-id=\"4fc66d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"rkit-media-hover.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"rkit-mh rkit-mh--video rkit-mh--kind-youtube rkit-mh--transition-fade rkit-mh--from-left rkit-mh--content-below rkit-mh--overlay-hide_playing rkit-mh--vis-bottom rkit-mh--vis-show-playing rkit-mh--controls-bottom-left rkit-mh--controls-show-hover rkit-mh--badge-bottom-right rkit-mh--has-active-icon\" data-config=\"{&quot;kind&quot;:&quot;youtube&quot;,&quot;src&quot;:&quot;9rAxyZaORm0&quot;,&quot;sequence&quot;:[],&quot;privacy&quot;:false,&quot;start&quot;:0,&quot;end&quot;:0,&quot;posterType&quot;:&quot;image&quot;,&quot;posterOnPause&quot;:true,&quot;posterOnEnd&quot;:true,&quot;mode&quot;:&quot;playback&quot;,&quot;scrub&quot;:{&quot;axis&quot;:&quot;x&quot;,&quot;smoothing&quot;:0.8,&quot;leave&quot;:&quot;reset&quot;},&quot;triggers&quot;:{&quot;trigger&quot;:&quot;hover&quot;,&quot;trigger_mobile&quot;:&quot;&quot;,&quot;trigger_tablet&quot;:&quot;&quot;},&quot;hoverDelay&quot;:150,&quot;viewportThreshold&quot;:0.5,&quot;tapBehavior&quot;:&quot;toggle&quot;,&quot;focusPlay&quot;:true,&quot;leaveAction&quot;:&quot;pause&quot;,&quot;resumeAction&quot;:&quot;resume&quot;,&quot;repeat&quot;:&quot;loop&quot;,&quot;muted&quot;:false,&quot;volume&quot;:0.8,&quot;rate&quot;:1,&quot;pauseOthers&quot;:true,&quot;duration&quot;:&quot;none&quot;,&quot;customActiveIcon&quot;:false,&quot;visualizer&quot;:{&quot;type&quot;:&quot;none&quot;,&quot;source&quot;:&quot;decorative&quot;,&quot;bars&quot;:32,&quot;position&quot;:&quot;bottom&quot;},&quot;cursor&quot;:{&quot;enabled&quot;:false,&quot;text&quot;:&quot;&quot;,&quot;activeText&quot;:&quot;&quot;,&quot;smoothing&quot;:0.8,&quot;magnetic&quot;:false,&quot;strength&quot;:0.3},&quot;loadOn&quot;:&quot;visible&quot;,&quot;preload&quot;:&quot;metadata&quot;,&quot;pauseOutside&quot;:true,&quot;reducedMotion&quot;:true,&quot;labels&quot;:{&quot;play&quot;:&quot;Play media preview&quot;,&quot;pause&quot;:&quot;Pause media preview&quot;,&quot;mute&quot;:&quot;Mute&quot;,&quot;unmute&quot;:&quot;Unmute&quot;}}\">\n            <div class=\"rkit-mh__card\">\n                <div class=\"rkit-mh__media\">\n                    <div class=\"rkit-mh__layers\">\n                                                    <div class=\"rkit-mh__poster\"><img loading=\"lazy\" decoding=\"async\" width=\"1986\" height=\"1192\" src=\"https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2025\/06\/54-d.jpg\" class=\"attachment-full size-full wp-image-1549\" alt=\"\" srcset=\"https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2025\/06\/54-d.jpg 1986w, https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2025\/06\/54-d-300x180.jpg 300w, https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2025\/06\/54-d-1024x615.jpg 1024w, https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2025\/06\/54-d-768x461.jpg 768w, https:\/\/rometheme.net\/plugins\/wp-content\/uploads\/2025\/06\/54-d-1536x922.jpg 1536w\" sizes=\"(max-width: 1986px) 100vw, 1986px\" \/><\/div>\n                                                <div class=\"rkit-mh__stage\"><\/div>\n                    <\/div>\n\n                    \n                    \n                    \n                    \n                    <span class=\"rkit-mh__loader\" aria-hidden=\"true\"><\/span>\n\n                    <button class=\"rkit-mh__hit\" aria-label=\"Play media preview\" type=\"button\" aria-pressed=\"false\"><\/button>\n\n                    \n                    \n                    <span class=\"rkit-mh__hint\" role=\"status\">Click to enable sound<\/span>\n                <\/div>\n\n                                                                <\/div>\n\n            \n                    <\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f507651 elementor-widget elementor-widget-heading\" data-id=\"f507651\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Media on Hover Style with Play and Pause Hover<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b6f5a5c e-flex e-con-boxed e-con e-parent\" data-id=\"b6f5a5c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4ed5c1f e-con-full e-flex e-con e-child\" data-id=\"4ed5c1f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b976087 e-con-full e-flex e-con e-child\" data-id=\"b976087\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-115d91c e-con-full e-flex e-con e-child\" data-id=\"115d91c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4bde10 elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"d4bde10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"rtmicon-thin rtmicon-arrow-long-right\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tStep by Step Tutorial\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a8cb4b elementor-widget-tablet__width-initial elementor-widget elementor-widget-heading\" data-id=\"0a8cb4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Master It Quickly with Our Step-by-Step Guide<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f53186f elementor-widget-tablet__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"f53186f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Follow our step-by-step video tutorial to quickly understand how to use it and get the most out of its features.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f167dc elementor-tablet-align-start elementor-mobile-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"4f167dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/support.rometheme.net\/docs\/romethemekit-pro-for-elementor\/widget-pro-guidelines\/media-on-hover-widget\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"rtmicon-thin rtmicon-file\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">View Documentation<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/youtube.com\/playlist?list=PLiDcdRZHQZ651l9VnhbNG0lSvK-Nsah7L&#038;si=Y4fjQ_seie0Xxusn\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"rtmicon-thin rtmicon-clapperboard-video\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Youtube Tutorial<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/wordpress.org\/plugins\/rometheme-for-elementor\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"rtmicon-thin rtmicon-romethemekit\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Try RTMKit Now<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b9c0be e-con-full e-flex e-con e-child\" data-id=\"6b9c0be\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07a50bd elementor-widget elementor-widget-video\" data-id=\"07a50bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=KDbsfDSer8Y&quot;,&quot;video_type&quot;:&quot;youtube&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Media on Hover Bring Your Media to Life With Interactive Create engaging media experiences with videos or images that play on hover, adding smooth transitions and interactive effects to make your website more dynamic. Get RTMKit ONE Read Documentation KEY FEATURES Video &amp; Audio on Hover Smooth Transitions Customizable Hover Actions Responsive Media Display Demos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-4164","post","type-post","status-publish","format-standard","hentry","category-elements"],"_links":{"self":[{"href":"https:\/\/rometheme.net\/plugins\/wp-json\/wp\/v2\/posts\/4164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rometheme.net\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rometheme.net\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rometheme.net\/plugins\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rometheme.net\/plugins\/wp-json\/wp\/v2\/comments?post=4164"}],"version-history":[{"count":13,"href":"https:\/\/rometheme.net\/plugins\/wp-json\/wp\/v2\/posts\/4164\/revisions"}],"predecessor-version":[{"id":4936,"href":"https:\/\/rometheme.net\/plugins\/wp-json\/wp\/v2\/posts\/4164\/revisions\/4936"}],"wp:attachment":[{"href":"https:\/\/rometheme.net\/plugins\/wp-json\/wp\/v2\/media?parent=4164"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rometheme.net\/plugins\/wp-json\/wp\/v2\/categories?post=4164"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rometheme.net\/plugins\/wp-json\/wp\/v2\/tags?post=4164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}