kangaroo-and-rabbit/karideo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[DEV] update display of video view component

Browse Source
This commit is contained in:
Edouard DUPIN 2020-01-09 06:44:01 +01:00
parent 59d83b5ddd
commit c6bae2cae1
2 changed files with 56 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
front/src/app/video-detail/video-detail.component.html
View File

@ -1,13 +1,22 @@
<div class="main-reduce"> <div class="main-reduce">
<div class="fill-all"> <div class="fill-all">
<h1>{{name}}</h1> <div class="title">
<p>{{description}}</p> {{name}}
</div>
<div *ngIf="episode!=null"> <div class="description">
<p>Episode <b>{{episode}}</b></p> {{description}}
</div>
<div class="episode" *ngIf="episode!=null">
Episode <b>{{episode}}</b>
</div>
<div class="generated_name">
generated_name <b>{{generated_name}}</b>
</div>
<div class="video_div">
<video class="video_object" src="{{video_source}}" controls>
<!--<p>Your browser des not suport HTML5 video player. download video: <a href="{{video_source}}>link here</a>.</p>-->
</video>
</div>
<app-upload-file ></app-upload-file>
</div> </div>
<p>generated_name <b>{{generated_name}}</b></p>
<video src="{{video_source}}" controls width="50%">
<!--<p>Your browser des not suport HTML5 video player. download video: <a href="{{video_source}}>link here</a>.</p>-->
</video>
</div> </div>

42
front/src/app/video-detail/video-detail.component.less
View File

@ -1,10 +1,44 @@
.fill-all{ .fill-all{
width:100%; //width:100%;
max-width:80%;
height:100%; height:100%;
margin:0; margin: 20px auto;
padding:0; padding: 20px;
border:0; border:0;
background-color:#0F0; background-color: rgba(200, 200, 200, 0.5);
box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.6);
}
.title {
width: 90%;
margin: 0 auto;
font-size: 50px;
text-align: center;
}
.description {
width: 80%;
margin: 0 auto;
}
.episode {
width: 80%;
margin: 0 auto;
}
.generated_name {
width: 80%;
margin: 0 auto;
}
.video_div {
width: 80%;
margin: 0 auto;
}
.video_object {
width: 100%;
margin: 0 auto;
} }
.item { .item {