Mis siguientes códigos permiten mostrar video html entre las imágenes del producto. En la vista móvil, el botón de reproducción se encuentra en el medio del video. ¿Crees que es posible hacer lo mismo en la vista de escritorio?

 <div class="owl-carousel"> {% for image in product.images %} {% if forloop.first == true %} <figure> <img src="{{ image.src | img_url: '1024x1024' }}" alt="{{ image.alt | escape }}" class="product_variant_image"> </figure> {% else %} <figure> <img src="{{ image.src | img_url: '1024x1024' }}" alt="{{ image.alt | escape }}"> </figure> {% endif %} {% endfor %} {% for media in product.media %} {% if media.media_type == 'video' %} {{ media | video_tag: controls: true, preload: true, image_size: "768x" }} {% endif %} {% endfor %} </div>

Lo que quiero ver es;