Display Play button on the video thumbnail

Store Design
, ,
1

Hello Experts,

Wanted to display play button on the thumbnail if its video

{% assign featured_image = product.selected_or_first_available_variant.featured_image
  | default: product.featured_image
%}
{% assign thumbnail_position = object.settings.thumbnail_position %}

  

    {% for media in product.media %}
      {% if media.media_type == 'video' %}
        - {{ media | video_tag: image_size: '300x300', controls: true }}
          

            {% if forloop.length == 1 and settings.thumbnail_position == 'no-thumbnails' %}
            
            {% endif %}
        

      {% else %}
        - 
      {% endif %}
    {% endfor %}

Added the below code but it displays on the video instead of thumbnail

{% if media.media_type contains 'video' %}
            
              

                

Test

                
              

            

          {% endif %}

How can this be adjusted? And CSS for it

Thank you for your support