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