Backup_Repos/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2026-05-09 05:05:29 +02:00
Code Issues Projects Releases Wiki Activity

Fixes video filter issues (#3792)

Browse source
This commit is contained in:
CJ 2023-06-01 20:13:28 -05:00 committed by GitHub
parent 94450da8b5
commit c8a796e125
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 23 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
ui/v2.5/src/components/Scenes/SceneDetails/SceneVideoFilterPanel.tsx
View file

@ -108,15 +108,26 @@ export const SceneVideoFilterPanel: React.FC<ISceneVideoFilterPanelProps> = (
aspectRatioRange.default aspectRatioRange.default
); );
function updateVideoStyle() { // eslint-disable-next-line
const playerVideoContainer = document.getElementById(VIDEO_PLAYER_ID); function getVideoElement(playerVideoContainer: any) {
const videoElements = let videoElements = playerVideoContainer.getElementsByTagName("canvas");
playerVideoContainer?.getElementsByTagName("canvas") ??
playerVideoContainer?.getElementsByTagName("video") ??
[];
const playerVideoElement =
videoElements.length > 0 ? videoElements[0] : null;
if (videoElements.length == 0) {
videoElements = playerVideoContainer.getElementsByTagName("video");
}
if (videoElements.length > 0) {
return videoElements[0];
}
}
function updateVideoStyle() {
const playerVideoContainer = document.getElementById(VIDEO_PLAYER_ID)!;
if (!playerVideoContainer) {
return;
}
const playerVideoElement = getVideoElement(playerVideoContainer);
if (playerVideoElement != null) { if (playerVideoElement != null) {
let styleString = "filter:"; let styleString = "filter:";
let style = playerVideoElement.attributes.getNamedItem("style"); let style = playerVideoElement.attributes.getNamedItem("style");
@ -188,6 +199,10 @@ export const SceneVideoFilterPanel: React.FC<ISceneVideoFilterPanelProps> = (
styleString += ` scale(${xScale},${yScale})`; styleString += ` scale(${xScale},${yScale})`;
} }
if (playerVideoElement.tagName == "CANVAS") {
styleString += "; width: 100%; height: 100%; position: absolute; top:0";
}
style.value = `${styleString};`; style.value = `${styleString};`;
} }
} }