Sinopec-Anxin/src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.html

<div class="box">
    <div class="titlebox">
        <div class="title">
            <div (click)="contentType('img')" [ngClass]="{'selected': selectedType == 'img'}">
                预警截图
                <div class="border"></div>
            </div>
            <div (click)="contentType('video')" [ngClass]="{'selected': selectedType == 'video'}">
                预警视频
                <div class="border"></div>
            </div>
        </div>
    </div>
    <div class="content">
        <div *ngIf="selectedType == 'img'" class="imgbox">
            <div class="bigimg">
                <img [src]="imgUrl" alt="">
            </div>
        </div>
        <div style="width: 100%;height: 100%;" *ngIf="selectedType == 'video'" class="vediobox">
            <video controls style="width: 100%;height: 100%;" [src]="vedioUrl"></video>
        </div>
    </div>

</div>