x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-27 09: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/subtitle.less
+10 -13
View File
@@ -1,36 +1,33 @@
.art-video-player {
.art-subtitle {
display: none;
.art-center(none);
flex-direction: column;
position: absolute;
z-index: 20;
bottom: 10px;
width: 100%;
padding: 0 20px;
text-align: center;
color: #fff;
font-size: 20px;
padding: 0 5%;
gap: var(--art-subtitle-gap);
bottom: var(--art-subtitle-bottom);
font-size: var(--art-subtitle-font-size);
pointer-events: none;
transition: bottom 0.2s ease;
text-shadow: #000 1px 0 1px, #000 0 1px 1px, #000 -1px 0 1px, #000 0 -1px 1px, #000 1px 1px 1px,
#000 -1px -1px 1px, #000 1px -1px 1px, #000 -1px 1px 1px;
transition: bottom var(--art-duration) ease;
.art-text-border();
p {
word-break: break-all;
height: fit-content;
margin: 5px 0 0;
line-height: 1.2;
}
}
&.art-subtitle-show {
.art-subtitle {
display: block;
display: flex;
}
}
&.art-control-show {
.art-subtitle {
bottom: 50px;
bottom: calc(var(--art-control-height) + var(--art-subtitle-bottom));
}
}
}