<div class="col-lg-3 mx-auto my-3 text-center"> {% if video.previewUrl %} <div class="hover-video-container" data-preview-url="{{ video.previewUrl }}"> <a data-no-swup href="{{ path('user_video', { slug : video.influencerSlug, id : video.id }) }}" title="{{ video.influencerName|title }} Video"> <div class="video-preview-wrapper"> <picture class="video-thumbnail"> {% if video.webp is not null %}<source srcset="{{sharenude|raw}}{{ asset('images/influencer/' ~ video.influencerSlug ~ '/306/' ~ video.webp ) }}" type="image/webp">{% endif %} <img loading="lazy" src="{{sharenude|raw}}{{ asset('images/influencer/' ~ video.influencerSlug ~ '/306/' ~ video.slug ~ '') }}" class="grid-100 rounded" title="{{ video.influencerName|title }} video" alt="{{ video.influencerName|title }} video"/> </picture> <img class="video-preview" loading="lazy" src="{{sharenude|raw}}{{ asset('images/influencer/' ~ video.influencerSlug ~ '/306/' ~ video.previewUrl) }}" alt="{{ video.influencerName|title }} preview"/> </div> <div class="video-views-container"> <div class="video-views"> {{ video.influencerName|title }} <div class="views"> {{ video.views|number_format }} <i class="fa-solid fa-eye"></i> <br> {# {{ video.photoLikes|length|number_format }} <i class="fa-solid fa-heart"></i> <br> #} {{ video.createdAt|ago }} </div> </div> </div> </a> </div> {% else %} <div class="hover-video-container"> <a data-no-swup href="{{ path('user_video', { slug : video.influencerSlug, id : video.id }) }}" title="{{ video.influencerName|title }} Video"> <picture> {% if video.webp is not null %}<source srcset="{{sharenude|raw}}{{ asset('images/influencer/' ~ video.influencerSlug ~ '/306/' ~ video.webp ) }}" type="image/webp">{% endif %} <img loading="lazy" src="{{sharenude|raw}}{{ asset('images/influencer/' ~ video.influencerSlug ~ '/306/' ~ video.slug ~ '') }}" class="grid-100 rounded" title="{{ video.influencerName|title }} video" alt="{{ video.influencerName|title }} video"/> </picture> <div class="video-views-container"> <div class="video-views"> {{ video.influencerName|title }} <div class="views"> {{ video.views|number_format }} <i class="fa-solid fa-eye"></i> <br> {# {{ video.photoLikes|length|number_format }} <i class="fa-solid fa-heart"></i> <br> #} {{ video.createdAt|ago }} </div> </div> </div> </a> </div> {% endif %} </div>