diff --git a/website_sale_product_library/__manifest__.py b/website_sale_product_library/__manifest__.py
index e7afb7f..1219a10 100644
--- a/website_sale_product_library/__manifest__.py
+++ b/website_sale_product_library/__manifest__.py
@@ -21,7 +21,6 @@ Modifica la tienda online con los campos de product_library.
     "data": ["views/website_sale_views.xml"],
     "assets": {
         "web.assets_frontend": [
-            "website_sale_product_library/static/src/js/multimedia_hover_player.js",
             "website_sale_product_library/static/src/scss/custom.scss",
         ],
     },
diff --git a/website_sale_product_library/static/src/scss/custom.scss b/website_sale_product_library/static/src/scss/custom.scss
index 8334aa0..894c245 100644
--- a/website_sale_product_library/static/src/scss/custom.scss
+++ b/website_sale_product_library/static/src/scss/custom.scss
@@ -8,33 +8,32 @@
     border-radius: 6px;
 }
 
-// El player se inserta al final de o_wsale_product_information, en el flujo normal del flex
-.o_multimedia_hover_player {
-    overflow: hidden;
-    max-height: 0;
-    opacity: 0;
-    pointer-events: none;
-    transition: max-height 0.25s ease-in-out, opacity 0.2s ease-in-out;
+// Player centrado sobre la imagen de producto (sin ocultado por hover)
+.o_wsale_product_img_link {
+    position: relative;
 }
 
-.oe_product_cart:hover .o_multimedia_hover_player,
-.o_multimedia_hover_player:hover,
-.oe_product_cart.o_multimedia_player_active .o_multimedia_hover_player,
-.o_multimedia_hover_player:focus-within {
-    max-height: 60px;
-    opacity: 1;
+.o_multimedia_image_player {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: min(86%, 320px);
+    z-index: 4;
     pointer-events: auto;
 }
 
-.o_multimedia_hover_player iframe,
+.o_multimedia_image_player iframe,
 .o_multimedia_product_player iframe {
     width: 100%;
     min-width: 0;
     display: block;
+    border-radius: 8px;
+    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
 }
 
 @media (max-width: 991.98px) {
-    .o_multimedia_hover_player {
-        display: none !important;
+    .o_multimedia_image_player {
+        width: min(92%, 300px);
     }
 }
diff --git a/website_sale_product_library/views/website_sale_views.xml b/website_sale_product_library/views/website_sale_views.xml
index 2a0c6a9..6440a54 100644
--- a/website_sale_product_library/views/website_sale_views.xml
+++ b/website_sale_product_library/views/website_sale_views.xml
@@ -13,8 +13,8 @@
 		        <span t-if="product.autor"><b><t t-out="product.autor" /></b></span>
 	        </a>
         </xpath>
-        <xpath expr="//div[hasclass('o_wsale_product_sub')]" position="after">
-            <div t-if="product.multimedia_embed_url" class="o_multimedia_hover_player">
+        <xpath expr="//a[hasclass('o_wsale_product_img_link')]" position="inside">
+            <div t-if="product.multimedia_embed_url" class="o_multimedia_image_player">
                 <iframe
                     loading="lazy"
                     t-att-src="product.multimedia_embed_url"