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

artplayer@5.0.8

Browse Source
This commit is contained in:
Harvey Zack committed 2023-05-13 23:48:59 +08:00
1 parent f26db31777
commit 7bb6af0731
10 files changed
+32 -31
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/player/aspectRatioMix.js
+6 -8
View File
@@ -1,4 +1,4 @@
import { setStyle, def, clamp } from '../utils';
import { setStyle, def } from '../utils';
export default function aspectRatioMix(art) {
const {
@@ -16,7 +16,7 @@ export default function aspectRatioMix(art) {
if (ratio === 'default') {
setStyle($video, 'width', null);
setStyle($video, 'height', null);
setStyle($video, 'padding', null);
setStyle($video, 'margin', null);
delete $player.dataset.aspectRatio;
} else {
const ratioArray = ratio.split(':').map(Number);
@@ -25,15 +25,13 @@ export default function aspectRatioMix(art) {
const setupRatio = ratioArray[0] / ratioArray[1];
if (playerRatio > setupRatio) {
const width = clamp(setupRatio * clientHeight, 0, clientWidth);
setStyle($video, 'width', `${width}px`);
setStyle($video, 'width', `${setupRatio * clientHeight}px`);
setStyle($video, 'height', '100%');
setStyle($video, 'padding', `0 ${(clientWidth - width) / 2}px`);
setStyle($video, 'margin', '0 auto');
} else {
const height = clamp(clientWidth / setupRatio, 0, clientHeight);
setStyle($video, 'width', '100%');
setStyle($video, 'height', `${height}px`);
setStyle($video, 'padding', `${(clientHeight - height) / 2}px 0`);
setStyle($video, 'height', `${clientWidth / setupRatio}px`);
setStyle($video, 'margin', 'auto 0');
}
$player.dataset.aspectRatio = ratio;
packages/artplayer/src/style/aspectRatio.less
-1
View File
@@ -4,7 +4,6 @@
.art-video {
object-fit: fill;
box-sizing: content-box;
transition: all var(--art-transition-duration) ease;
}
}
}