diff --git a/src/components/common/Avatar.tsx b/src/components/common/Avatar.tsx index 1898a7cf1..e30377d42 100644 --- a/src/components/common/Avatar.tsx +++ b/src/components/common/Avatar.tsx @@ -151,6 +151,7 @@ const Avatar: FC = ({ className={buildClassName(cn.media, 'avatar-media', transitionClassNames)} muted autoPlay + disablePictureInPicture loop={!noLoop} playsInline /> diff --git a/src/components/common/GifButton.tsx b/src/components/common/GifButton.tsx index 8fac7f1a4..614b83acc 100644 --- a/src/components/common/GifButton.tsx +++ b/src/components/common/GifButton.tsx @@ -182,6 +182,7 @@ const GifButton: FC = ({ autoPlay loop muted + disablePictureInPicture playsInline preload="none" // eslint-disable-next-line react/jsx-props-no-spreading diff --git a/src/components/common/ProfilePhoto.tsx b/src/components/common/ProfilePhoto.tsx index 094288f18..ea7302198 100644 --- a/src/components/common/ProfilePhoto.tsx +++ b/src/components/common/ProfilePhoto.tsx @@ -107,6 +107,7 @@ const ProfilePhoto: FC = ({ src={imageSrc} className="avatar-media" muted + disablePictureInPicture autoPlay={!notActive} loop playsInline diff --git a/src/components/common/StickerButton.tsx b/src/components/common/StickerButton.tsx index 500533d3b..12261c287 100644 --- a/src/components/common/StickerButton.tsx +++ b/src/components/common/StickerButton.tsx @@ -272,6 +272,7 @@ const StickerButton = )} diff --git a/src/components/main/premium/previews/PremiumFeaturePreviewVideo.tsx b/src/components/main/premium/previews/PremiumFeaturePreviewVideo.tsx index bd45ba890..41be39a76 100644 --- a/src/components/main/premium/previews/PremiumFeaturePreviewVideo.tsx +++ b/src/components/main/premium/previews/PremiumFeaturePreviewVideo.tsx @@ -50,6 +50,7 @@ const PremiumFeaturePreviewVideo: FC = ({ )} src={mediaData} autoPlay + disablePictureInPicture playsInline muted loop diff --git a/src/components/middle/MessageList.tsx b/src/components/middle/MessageList.tsx index 0d8970982..abc2b6f17 100644 --- a/src/components/middle/MessageList.tsx +++ b/src/components/middle/MessageList.tsx @@ -563,6 +563,7 @@ const MessageList: FC = ({ src={botInfoGifUrl} loop autoPlay + disablePictureInPicture muted playsInline /> diff --git a/src/components/middle/composer/AttachmentModal.tsx b/src/components/middle/composer/AttachmentModal.tsx index 31f91004b..f33411077 100644 --- a/src/components/middle/composer/AttachmentModal.tsx +++ b/src/components/middle/composer/AttachmentModal.tsx @@ -264,7 +264,7 @@ const AttachmentModal: FC = ({ {renderingAttachments.map((attachment) => ( attachment.mimeType.startsWith('image/') ? - :