crypto/cebg-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

英雄技能视频增加边框

Browse Source
This commit is contained in:
cebgcontract 2022-10-12 15:10:59 +08:00
parent 30a3527959
commit 65e56258d4
2 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/desktop/img/nft/hero/video_border.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

16
src/desktop/nft.html
View File

@ -22,6 +22,13 @@
video{
object-fit:fill
}
#hero_skill_movie{
border-radius: 25px;
margin: 26px 27px;
}
.nobg{
background: unset!important;
}
</style>
</head>
<body>
@ -301,9 +308,12 @@
<img src="img/nft/hero/close-b@2x.png" />
</span>
<div class="hero-d-jx">
<video id="hero_skill_movie" width="726" height="442" src="img/nft/movie/001.mp4" autoplay="autoplay">
<video id="hero_skill_movie" width="622" height="374" src="img/nft/movie/001.mp4" autoplay="autoplay">
Your browser does not support the video tag.
</video>
<div class="video-mask" id="video_mask">
<img src="img/nft/hero/video_border.png">
</div>
</div>
<div class="hero-d-data">
<img src="img/nft/hero/hero1data@2x.png" />
@ -525,10 +535,14 @@
$('.hero-view').find('.hero-d-p img').attr('src', bigImg)
if (movie) {
$('#hero_skill_movie').show();
$('#video_mask').show();
$('#hero_skill_movie').parent().addClass('nobg');
$('#hero_skill_movie').attr('src', movie);
document.getElementById("hero_skill_movie").play();
} else {
$('#hero_skill_movie').hide();
$('#video_mask').hide();
$('#hero_skill_movie').parent().removeClass('nobg');
}
$('.hero-view').slideDown(250)