<ng-container> @if (isYouTube || isVimeo) { <iframe [src]="sanitizedVideoUrl" width="560" height="300" class="video-iframe" frameborder="0" allow="encrypted-media" allowfullscreen> </iframe> <div class="info-wrapper1" [class.new-resource]="!resource.resource_info"> <h3 class="title">{{ resource.title }}</h3> <span class="source"> <i class="ri-external-link-line"></i> {{ resource.link_url }} </span> </div> } @else { <a [href]="resource.link_url" class="link" target="_blank" rel="noopener noreferrer"> <img [ngClass]="{ 'no-preview': !resource.preview_image }" [src]=" resource.preview_image || '/assets/images/resource/no-preview.gif' " [alt]="resource.link_url" /> <div class="info-wrapper" [class.new-resource]="!resource.resource_info"> <h3 class="title">{{ resource.title }}</h3> <span class="source"> <i class="ri-external-link-line"></i> {{ resource.link_url }} </span> </div> </a> } </ng-container>