x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-28 18:41:20 -08:00
Code Issues Packages Projects Releases Wiki Activity

V5 (#500)

Browse Source 
* update dep

* Update package.json

* update contextmenu

* update d.ts

* update onVttLoad

* build artplayer

* update style

* --art-theme

* update style

* update style

* update user-select

* add getIcon

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* add progress-hover

* update mini

* update style

* update style

* update style

* update style

* update style

* update volume

* update style

* add art-backdrop

* update style

* update style

* update style

* update currentLevel

* update artplayerPluginControl

* update artplayerPluginDanmuku

* Update package.json
This commit is contained in:
Harvey Zack authored and GitHub committed 2023-04-16 23:01:26 +08:00
1 parent af12bd9634
commit 7b53de941d
80 files changed
+1393 -1362
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/style/mask.less
+13 -27
View File
@@ -1,43 +1,29 @@
.art-video-player {
.art-mask {
display: none;
align-items: center;
justify-content: center;
position: absolute;
z-index: 50;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
.art-center();
.art-full(50);
pointer-events: none;
.art-state {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 30px;
bottom: 65px;
width: 60px;
height: 60px;
opacity: 0.85;
cursor: pointer;
pointer-events: auto;
.art-center();
opacity: 0;
transform: scale(2);
width: var(--art-state-size);
height: var(--art-state-size);
transition: all var(--art-duration) ease;
}
}
&.art-mask-show {
.art-mask {
display: flex;
.art-state {
opacity: var(--art-state-opacity);
transform: scale(1);
}
}
&.art-mobile {
&.art-loading-show {
.art-state {
position: static;
display: none;
}
}
}