verdnatura/salix
verdnatura
/
salix
3
5
Fork 0
Code Issues Pull Requests 66 Releases Wiki Activity

refactor: resize vide0s
gitea/salix/pipeline/head This commit looks good Details

This commit is contained in:
Vicent Llopis 2022-04-08 14:33:00 +02:00
parent 20494e8c0b
commit 5431dbdc3e
2 changed files with 15 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
modules/claim/front/photos/index.html
View File

@ -18,8 +18,9 @@
zoom-image="{{$ctrl.getImagePath(photo.dmsFk)}}"
ng-if="photo.dms.contentType == 'image/jpeg'">
</section>
<video id="videobcg" class="video vn-shadow" muted="muted" controls ng-if="photo.dms.contentType == 'video/mp4'">
<source class="video vn-shadow" src="{{$ctrl.getImagePath(photo.dmsFk)}}" type="video/mp4">
<video id="videobcg" muted="muted" controls ng-if="photo.dms.contentType == 'video/mp4'"
class="video">
<source src="{{$ctrl.getImagePath(photo.dmsFk)}}" type="video/mp4">
</video>
<section class="actions">
<vn-button

26
modules/claim/front/photos/style.scss
View File

@ -29,21 +29,19 @@ vn-claim-photos {
height: 288px;
}
}
.video {
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),
0 3px 1px -2px rgba(0,0,0,.2),
0 1px 5px 0 rgba(0,0,0,.12);
background: no-repeat center center fixed;
background-size: cover !important;
border: 2px solid transparent;
overflow: hidden;
cursor: pointer;
width: 100%;
height: 100%;
width: 100%
object-fit: cover;
cursor: pointer;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),
0 3px 1px -2px rgba(0,0,0,.2),
0 1px 5px 0 rgba(0,0,0,.12);
border: 2px solid transparent;
source {
}
}
}
.video:hover {
border: 2px solid $color-primary
}
}