.ya-product-video-row{ display:flex; align-items:flex-start; } .ya-video-wrapper{ transform: translate(245px, -44px); width: 21%; } .ya-video-wrapper video{ width:100%; border-radius:12px; } .custom-play-btn{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:70px; background: rgba(255, 255, 255, 0.65); height:70px; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; } .custom-play-btn span{ color:#fff; font-size:30px; } .ya-desc{ width:50%; } @media(max-width:768px){ .ya-product-video-row{ flex-direction:column; align-items:center; } .ya-video-wrapper{ width:100%; margin-left:0; transform:none !important; display:flex; justify-content:center; } .ya-desc{ width:100% } } The Ghost Lite Tray is the newest evolution of our studio work platform — a re-engineered, performance-driven system built with the same obsessive design DNA as our flagship Studio Tray, now optimized for, efficiency, and accessibility. Built for studios, designed for movement — the Lite Tray delivers professional precision in its purest form. Key Features: Patent-Pending Push-Release Collar: Instant, tool-free height adjustment. Proprietary Material Blend: Optimized for strength-to-weight ratio and long-term durability. Injection-Molded Legs: Rigid, performance-engineered structure. Rollerblade Locking Wheels: Smooth, controlled mobility on any studio surface. Full Compatibility: Accepts all Ghost Tray systems and attachments. Engineered for Accessibility: More affordable without compromise. ▶ var video = document.getElementById("proVideo"); var icon = document.getElementById("icon"); var playBtn = document.getElementById("playBtn"); // Play button click playBtn.addEventListener("click", function() { if(video.paused){ video.muted = false; video.play(); icon.innerHTML = "❚❚"; playBtn.style.display = "none"; } else { video.pause(); icon.innerHTML = "▶"; playBtn.style.display = "flex"; } }); // Video pe click → pause + play button show video.addEventListener("click", function () { if (!video.paused) { video.pause(); icon.innerHTML = "▶"; playBtn.style.display = "flex"; } }); // Play hone pe button hide (safety) video.addEventListener("play", function(){ playBtn.style.display = "none"; }); // Pause pe button show video.addEventListener("pause", function(){ playBtn.style.display = "flex"; });
