From a5672d5dad6230b9d8c15614f0c230120ad72ece Mon Sep 17 00:00:00 2001
From: hadasze <hadasz@wix.com>
Date: Tue, 27 Aug 2024 15:31:33 +0300
Subject: [PATCH] show video play button in placeholder depends only on show
 button toggle

---
 .../src/components/item/videos/videoItemWrapper.js        | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/gallery/src/components/item/videos/videoItemWrapper.js b/packages/gallery/src/components/item/videos/videoItemWrapper.js
index d4dfd55f0..6b35973a5 100644
--- a/packages/gallery/src/components/item/videos/videoItemWrapper.js
+++ b/packages/gallery/src/components/item/videos/videoItemWrapper.js
@@ -69,7 +69,6 @@ class VideoItemWrapper extends React.Component {
       'isCurrentHover',
       'customComponents',
     ]);
-
     return (
       <VideoItemPlaceholder
         {...props}
@@ -78,8 +77,7 @@ class VideoItemWrapper extends React.Component {
         isThumbnail={!!this.props.thumbnailHighlightId}
         id={this.props.idx}
         videoPlayButton={
-          showVideoPlayButton &&
-          !this.state.videoItemLoaded && (
+          showVideoPlayButton && (
             <VideoPlayButton
               pointerEvents={
                 !useTransparentPlayButtonAndForceLoadVideo(this.props)
@@ -111,11 +109,11 @@ class VideoItemWrapper extends React.Component {
     const videoPlaceholder = this.createVideoPlaceholder(showVideoPlayButton);
 
     const VideoItem = this.VideoItem;
-    const shouldRenderVideoItem =
+    const shouldRenderVideoPlaceholder =
       !this.mightPlayVideo() ||
       !this.state.videoItemLoaded ||
       this.props.isPrerenderMode;
-    if (shouldRenderVideoItem) {
+    if (shouldRenderVideoPlaceholder) {
       return (
         <div>
           {shouldCreateVideoPlaceholder(this.props.options) && videoPlaceholder}