moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'external-video-height' into 'develop' 

Fix external video embed height

See merge request soapbox-pub/soapbox-fe!1322
This commit is contained in:
Alex Gleason 2022-05-06 19:48:54 +00:00
parent 3286955c36 44c234e3db
commit a777378016
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/soapbox/features/status/components/detailed-status.tsx
View File

@ -129,7 +129,15 @@ class DetailedStatus extends ImmutablePureComponent<IDetailedStatus, IDetailedSt
const video = firstAttachment; const video = firstAttachment;
if (video.external_video_id && status.card?.html) { if (video.external_video_id && status.card?.html) {
const { mediaWrapperWidth } = this.state; const { mediaWrapperWidth } = this.state;
const height = mediaWrapperWidth / Number(video.meta.getIn(['original', 'width'])) / Number(video.meta.getIn(['original', 'height']));
const getHeight = (): number => {
const width = Number(video.meta.getIn(['original', 'width']));
const height = Number(video.meta.getIn(['original', 'height']));
return Number(mediaWrapperWidth) / (width / height);
};
const height = getHeight();
media = ( media = (
<div className='status-card horizontal interactive status-card--video'> <div className='status-card horizontal interactive status-card--video'>
<div <div