Leahnaya/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2026-08-22 11:55:10 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Fix embedded videos restarting when interacting with post (or other posts in the same feed) (#39746)

Browse Source
This commit is contained in:
diondiondion
2026-07-07 15:13:55 +02:00
committed by GitHub
parent 1f8d67e23d
commit 97353fde68
1 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
app/javascript/mastodon/features/status/components/card.tsx
View File

@@ -72,15 +72,24 @@ interface CardProps {
sensitive?: boolean;
}
const CardVideo: React.FC<{ card: CardShape }> = ({ card }) => (
<div
className='status-card__image status-card-video'
dangerouslySetInnerHTML={{
__html: handleIframeUrl(card.html, card.url, card.provider_name),
}}
style={{ aspectRatio: '16 / 9' }}
/>
);
const CardVideo: React.FC<{ card: CardShape }> = ({ card }) => {
const { html, url, provider_name } = card;
const iframeContent = useMemo(
() => ({
__html: handleIframeUrl(html, url, provider_name),
}),
[html, provider_name, url],
);
return (
<div
className='status-card__image status-card-video'
dangerouslySetInnerHTML={iframeContent}
style={{ aspectRatio: '16 / 9' }}
/>
);
};
const Card: React.FC<CardProps> = ({ card: rawCard, sensitive }) => {
const card: CardShape | null = useMemo(