Commit 373fac86 authored by JinWei's avatar JinWei

Merge branch 'feature-jj_vedio_practice' into 'master'

优化页面样式

See merge request !6
parents 22c82031 e095d7cc
<div class="p-video-box"> <div class="p-video-box" style="border: 1px #ccc solid; border-radius: 10px; padding: 10px;">
<div class="up-video" style="display: flex;"> <div class="up-video" style="display: flex;">
<nz-upload class="p-image-uploader" [nzDisabled]="uploading" [nzShowUploadList]="false" nzAccept=".mp4" <nz-upload class="p-image-uploader" [nzDisabled]="uploading" [nzShowUploadList]="false" nzAccept=".mp4"
(nzChange)="handleChange($event)" [nzCustomRequest]="customReq" (nzChange)="handleChange($event)" [nzCustomRequest]="customReq"
...@@ -44,6 +44,9 @@ ...@@ -44,6 +44,9 @@
<video crossorigin="anonymous" [src]="playVedioUrl" controls #videoNode></video> <video crossorigin="anonymous" [src]="playVedioUrl" controls #videoNode></video>
<!-- <video crossorigin="anonymous" [src]="safeVideoUrl()" controls #videoNode></video> --> <!-- <video crossorigin="anonymous" [src]="safeVideoUrl()" controls #videoNode></video> -->
</div> </div>
<div class="p-preview" *ngIf="uploaded&&!playVedioUrl">
<i nz-icon nzType="loading" nzTheme="outline"></i> 等待视频加载完成...
</div>
</div> </div>
<div [style.display]="!checkVideoExists?'none':''"> <div [style.display]="!checkVideoExists?'none':''">
<span><i nz-icon nzType="loading" nzTheme="outline"></i> checking file to upload</span> <span><i nz-icon nzType="loading" nzTheme="outline"></i> checking file to upload</span>
......
...@@ -46,6 +46,7 @@ function httpHeadCall(requsetUrl, callback) { ...@@ -46,6 +46,7 @@ function httpHeadCall(requsetUrl, callback) {
}) })
export class UploadVideoComponent implements OnChanges, OnDestroy, OnInit { export class UploadVideoComponent implements OnChanges, OnDestroy, OnInit {
uploading = false; uploading = false;
uploaded = false;
checking = false; checking = false;
checkVideoExists = false; checkVideoExists = false;
uploadClicked = false; uploadClicked = false;
...@@ -281,6 +282,7 @@ export class UploadVideoComponent implements OnChanges, OnDestroy, OnInit { ...@@ -281,6 +282,7 @@ export class UploadVideoComponent implements OnChanges, OnDestroy, OnInit {
this.nzMessageService.info('Upload Success'); this.nzMessageService.info('Upload Success');
// this.updateStatus(false); // this.updateStatus(false);
this.uploading = false; this.uploading = false;
this.uploaded = true;
this.videoFile = null; this.videoFile = null;
// this.updateSource(url); // this.updateSource(url);
this.videoUrl = file.response.url; this.videoUrl = file.response.url;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment