Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
J
jj_video_practice
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
template admin
jj_video_practice
Commits
373fac86
Commit
373fac86
authored
Dec 24, 2025
by
JinWei
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'feature-jj_vedio_practice' into 'master'
优化页面样式 See merge request
!6
parents
22c82031
e095d7cc
Changes
2
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
6 additions
and
1 deletion
+6
-1
upload-video.component.html
src/app/common/upload-video/upload-video.component.html
+4
-1
upload-video.component.ts
src/app/common/upload-video/upload-video.component.ts
+2
-0
No files found.
src/app/common/upload-video/upload-video.component.html
View file @
373fac86
<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;"
>
<nz-upload
class=
"p-image-uploader"
[
nzDisabled
]="
uploading
"
[
nzShowUploadList
]="
false
"
nzAccept=
".mp4"
(
nzChange
)="
handleChange
($
event
)"
[
nzCustomRequest
]="
customReq
"
...
...
@@ -44,6 +44,9 @@
<video
crossorigin=
"anonymous"
[
src
]="
playVedioUrl
"
controls
#
videoNode
></video>
<!-- <video crossorigin="anonymous" [src]="safeVideoUrl()" controls #videoNode></video> -->
</div>
<div
class=
"p-preview"
*
ngIf=
"uploaded&&!playVedioUrl"
>
<i
nz-icon
nzType=
"loading"
nzTheme=
"outline"
></i>
等待视频加载完成...
</div>
</div>
<div
[
style
.
display
]="!
checkVideoExists
?'
none
'
:
''"
>
<span><i
nz-icon
nzType=
"loading"
nzTheme=
"outline"
></i>
checking file to upload
</span>
...
...
src/app/common/upload-video/upload-video.component.ts
View file @
373fac86
...
...
@@ -46,6 +46,7 @@ function httpHeadCall(requsetUrl, callback) {
})
export
class
UploadVideoComponent
implements
OnChanges
,
OnDestroy
,
OnInit
{
uploading
=
false
;
uploaded
=
false
;
checking
=
false
;
checkVideoExists
=
false
;
uploadClicked
=
false
;
...
...
@@ -281,6 +282,7 @@ export class UploadVideoComponent implements OnChanges, OnDestroy, OnInit {
this
.
nzMessageService
.
info
(
'
Upload Success
'
);
// this.updateStatus(false);
this
.
uploading
=
false
;
this
.
uploaded
=
true
;
this
.
videoFile
=
null
;
// this.updateSource(url);
this
.
videoUrl
=
file
.
response
.
url
;
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment