<div class="col post_teaser_body"> <h3>{% if post.sticky -%}<span class="fe fe-sticky-left"></span>{% endif -%}<a href="{{ url_for('activitypub.post_ap', post_id=post.id, sort='new' if sort == 'active' else None) }}" class="post_teaser_title_a">{{ post.title }}</a> {% if post.domain_id -%} {% if post.url and 'youtube.com' in post.url -%} <span class="fe fe-video" aria-hidden="true"></span> {% elif post.url.endswith('.mp3') -%} <span class="fe fe-audio" aria-hidden="true"></span> {% endif -%} <span class="domain_link" aria-hidden="true">(<a href="/d/{{ post.domain_id }}" aria-label="{{ _('All posts about this domain') }}">{{ post.domain.name }}</a>)</span> {% endif -%} {% if post.nsfw -%}<span class="warning_badge nsfw" title="{{ _('Not safe for work') }}">nsfw</span>{% endif -%} {% if post.nsfl -%}<span class="warning_badge nsfl" title="{{ _('Potentially emotionally scarring content') }}">nsfl</span>{% endif -%} {% if post.reports > 0 and current_user.is_authenticated and post.community.is_moderator(current_user) -%} <span class="red fe fe-report" title="{{ _('Reported. Check post for issues.') }}"></span> {% endif -%} {% if post.sticky -%}<span class="fe fe-sticky-right"></span>{% endif -%} </h3> <span class="author small">{% if show_post_community -%}<a href="/c/{{ post.community.link() }}" aria-label="{{ _('Go to community %(name)s', name=post.community.name) }}">c/{{ post.community.name }}</a>{% endif -%} by {{ render_username(post.author) }} <time datetime="{{ post.last_active }}">{{ arrow.get(post.last_active if sort == 'active' else post.posted_at).humanize(locale=locale) }}</time></span> {% if not low_bandwidth %} <div class="post_teaser_video_preview"> <div class="max_width_512"> {% if post.url.endswith('.mp4') or post.url.endswith('.webm') -%} <p> <video class="responsive-video" controls preload="{{ 'none' if low_bandwidth else 'auto' }}" {{ 'autoplay muted' if autoplay }} {{ 'loop' if post.community.loop_videos() }}> {% if post.url.endswith('.mp4') -%} <source src="{{ post.url }}" type="video/mp4" /> {% elif post.url.endswith('.webm') -%} <source src="{{ post.url }}" type="video/webm" /> {% endif -%} </video></p> {% elif post.url.startswith('https://streamable.com') -%} <div style="padding-bottom: 56.25%; position: relative;"><iframe style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;" src="{{ post.url.replace('streamable.com/', 'streamable.com/e/') }}" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture; fullscreen" width="100%" height="100%" frameborder="0"></iframe></div> {% elif post.url.startswith('https://www.redgifs.com/watch/') -%} <div style="padding-bottom: 56.25%; position: relative;"><iframe style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;" src="{{ post.url.replace('redgifs.com/watch/', 'redgifs.com/ifr/') }}" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture; fullscreen" width="100%" height="100%" frameborder="0"></iframe></div> {% endif -%} {% if 'youtube.com' in post.url -%} <div class="video-wrapper" data-src="https://www.youtube.com/embed/{{ post.youtube_embed() }}"> <a href="{{ url_for('activitypub.post_ap', post_id=post.id, sort='new' if sort == 'active' else None, autoplay='true') }}" rel="nofollow ugc" aria-label="{{ _('Read article') }}"> <img src="https://img.youtube.com/vi/{{ post.youtube_embed(rel=False).replace('v=', '').replace('?', '') }}/hqdefault.jpg" alt="Video Thumbnail" width="512" height="288" loading="lazy"> </a> </div> {% endif -%} {% if 'videos/watch' in post.url -%} <div style="padding-bottom: 56.25%; position: relative;"><iframe style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;" src="{{ post.peertube_embed() }}" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture; fullscreen" width="100%" height="100%" frameborder="0"></iframe></div> {% endif -%} </div> </div> {% endif -%} {% include "post/post_teaser/_utilities_bar.html" %} </div>