wishpal_ironfan
/
tiefen_space_h5
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修复视频播放

This commit is contained in:
al 2024-12-24 20:52:55 +08:00
parent 01a6ae4c9e
commit a1c4d0efab
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/VideoPlayer/index.jsx
View File

@ -133,9 +133,9 @@ export default function VideoPlayer({ video }) {
<div
className={`pointer-events-none absolute h-full p-4 bottom-0 right-0 flex ${
screenState && video.w > video.h
? "flex-col-reverse items-start"
: "w-full flex-row-reverse justify-between items-end gap-4"
} justify-between`}
? "flex-col-reverse items-start justify-evenly"
: "w-full flex-row-reverse justify-between items-end gap-4 py-10"
}`}
style={{
display: showController ? "flex" : "none",
}}
@ -148,9 +148,12 @@ export default function VideoPlayer({ video }) {
icon={<div></div>}
style={{ "--fill-color": "#ff669e" }}
/> */}
<div className="pointer-events-auto flex items-center justify-center h-full px-4">
<div
className={`pointer-events-auto flex items-center justify-center h-full px-4 ${
!screenState ? "max-h-[60vh]" : "max-h-[80vh]"
}`}
>
<Slider
className="max-h-[60vh]"
styles={{
rail: {
background: `#ff669e40`,
@ -189,7 +192,7 @@ export default function VideoPlayer({ video }) {
/>
</div>
<div
className={`pointer-events-auto gap-4 ${
className={`pointer-events-auto gap-4 px-4 ${
screenState && video.w > video.h
? "grid grid-rows-[83px,30px,30px] mb-4 w-max "
: "flex"

2
utils/tools/handleFuns.js
View File

@ -257,7 +257,7 @@ export const toggleFullScreen = (videoEleId, controllerId, getState) => {
video.firstChild.style.width = "auto";
video.firstChild.style.height = "auto";
video.firstChild.style.transformOrigin = "";
controller.style.width = "max-content";
controller.style.width = "100%";
controller.style.height = "100%";
controller.firstChild.style.marginLeft = "0";
// controller.firstChild.style.transform = "rotate(180deg)";