Loading the content... Loading depends on your connection speed!

Magento: Mostrar video responsive de Youtube en descripción de producto Magento

Siguiendo los siguientes pasos podemos mostrar un video responsive en la descripción del producto de magento sin necesidad de añadir ninguna extensión.

1. Insertar el siguiente código en la descripción del producto en Magento sustituyendo el código del video  que aparece por el que nos interese insertar:

<div class="video-responsive">
<iframe width="100%" src="//www.youtube.com/embed/um6wljjsvaE" frameborder="0" allowfullscreen>
</iframe>
</div>

 

2.Insertar el siguiente codigo css en styles.css:

.video-responsive {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Dejar un Comentario

eCommerce: Shopify, Magento, Prestashop, Aplicaciones Web… | Marketing online: SEO, SEM, Redes sociales, Emailing…