{"product_id":"gajakesari-punugu-5-grms","title":"Gajakesari punugu - 5 Grms","description":"\u003cbody\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eFloating Video Player\u003c\/title\u003e\n\n\u003cstyle\u003e\n.testimonial-video {\n  position: fixed;\n  top: 200px; \/* changed from bottom *\/\n  left: 10px;\n  width: 120px;\n  height: 200px;\n  background: #000;\n  border-radius: 12px;\n  overflow: hidden;\n  z-index: 9999;\n  cursor: grab;\n}\n\nvideo {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.control {\n  position: absolute;\n  color: #fff;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  transition: opacity 0.4s;\n}\n\n.hide-controls .control:not(.volume-btn) {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.close-video { top:5px; right:8px; font-size:14px; }\n.play-btn { top:50%; left:50%; transform:translate(-50%,-50%); font-size:26px; }\n.volume-btn { bottom:20px; left:8px; font-size:16px; }\n.nav-btn { top:50%; transform:translateY(-50%); font-size:18px; }\n.prev-btn { left:5px; }\n.next-btn { right:5px; }\n.expand-btn { bottom:20px; right:8px; font-size:26px; }\n\n.progress-bar {\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  height: 3px;\n  appearance: none;\n  background: rgba(255,255,255,0.3);\n  cursor: pointer;\n}\n\n.progress-bar::-webkit-slider-thumb {\n  appearance: none;\n  width: 0;\n  height: 0;\n}\n\n.time-display {\n  position: absolute;\n  bottom: 5px;\n  left: 5px;\n  font-size: 10px;\n  color: #fff;\n  background: rgba(0,0,0,0.5);\n  padding: 2px 6px;\n  border-radius: 4px;\n}\n\n\/* POPUP *\/\n.video-popup {\n  position: fixed;\n  top:0;\n  left:0;\n  width:100%;\n  height:100%;\n  background:#000;\n  display:none;\n  z-index:99999;\n}\n\n.video-popup video {\n  position:absolute;\n  top:50%;\n  left:50%;\n  height:100%;\n  width:auto;\n  transform:translate(-50%,-50%);\n  object-fit:contain;\n}\n\n.popup-close { top:15px; right:20px; font-size:30px; }\n.popup-play { top:50%; left:50%; transform:translate(-50%,-50%); font-size:50px; }\n\n.popup-prev, .popup-next {\n  top:50%;\n  transform:translateY(-50%);\n  font-size:40px;\n}\n.popup-prev { left:20px; }\n.popup-next { right:20px; }\n\n.popup-progress { height:4px; }\n\n.popup-time {\n  bottom: 10px;\n  left: 10px;\n  font-size: 14px;\n}\n\u003c\/style\u003e\n\n\n\n\n\u003c!-- FLOATING VIDEO --\u003e\n\u003cdiv class=\"testimonial-video\" id=\"testiVideo\"\u003e\n  \u003cspan class=\"close-video control\"\u003e×\u003c\/span\u003e\n  \u003cvideo id=\"videoPlayer\" autoplay muted playsinline\u003e\u003c\/video\u003e\n\n  \u003cbutton class=\"play-btn control\" id=\"playBtn\"\u003e▶\u003c\/button\u003e\n  \u003cbutton class=\"volume-btn control\"\u003e\u003cspan id=\"volIcon\"\u003e🔇\u003c\/span\u003e\u003c\/button\u003e\n  \u003cbutton class=\"nav-btn prev-btn control\"\u003e❮\u003c\/button\u003e\n  \u003cbutton class=\"nav-btn next-btn control\"\u003e❯\u003c\/button\u003e\n  \u003cbutton class=\"expand-btn control\" id=\"expandBtn\"\u003e⤢\u003c\/button\u003e\n\n  \u003cinput type=\"range\" id=\"progressBar\" class=\"progress-bar\" value=\"0\" min=\"0\" max=\"100\"\u003e\n  \u003cdiv class=\"time-display\" id=\"timeDisplay\"\u003e0:00 \/ 0:00\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- POPUP --\u003e\n\u003cdiv class=\"video-popup\" id=\"videoPopup\"\u003e\n  \u003cspan class=\"popup-close control\" id=\"popupClose\"\u003e×\u003c\/span\u003e\n  \u003cvideo id=\"popupPlayer\" playsinline\u003e\u003c\/video\u003e\n\n  \u003cbutton class=\"popup-play control\" id=\"popupPlay\"\u003e▶\u003c\/button\u003e\n  \u003cbutton class=\"popup-prev control\"\u003e❮\u003c\/button\u003e\n  \u003cbutton class=\"popup-next control\"\u003e❯\u003c\/button\u003e\n\n  \u003cinput type=\"range\" id=\"popupProgress\" class=\"progress-bar popup-progress\" value=\"0\" min=\"0\" max=\"100\"\u003e\n  \u003cdiv class=\"time-display popup-time\" id=\"popupTime\"\u003e0:00 \/ 0:00\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nlet videos = [\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ed7c1843c78f4a2fa97e97b756b62ce8.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/5a1606c6120341d5b790e8bebda5f914.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/83efe499a49e48a5acecde9f4ab282ea.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/20ddf236c1d4479eb4159dacf211818c.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c87a1444a17a4145b2c648d13960f81b.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c87a1444a17a4145b2c648d13960f81b.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/26c39d8ecf2c401f880dbad963bb4db0.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ead79d554b7c400b910bd2fb7ff56e00.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a703cc8d64d9444189420e31bbad0dc4.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/663f50cc97b94b46a2eda559705ba44c.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/60e3915255a44a5699cc15ddb6254324.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8fb7fc8a383f4924a21636b1e0496715.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/b410eb9d7d6e4d2481860d957f86f49f.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/2cd82b1b4f2649a2bd156b375340823e.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/b056fde71d354237b1c707dc91e4f136.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/602c5537c350468fb49a479a37334892.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/818a0764c29a4878bfb06ecca9d53a4b.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/521f00e6bb8a4b8d8bdb0f1d85941ed5.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/4d37581a5202436c8acbce3389cf7719.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8263452dd6c24419b6c4214cad3b04e1.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3ab9e31c665b4f25b148c7608d60484f.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8e452daa9cd743bbb3f2f8ee2e2ba449.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/77c63c70d907472f8b1e05939fb9fedb.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/755c4cb582c749c5ac5207a4b4681432.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c07bce3d21504b5186750dfe4e0e3db7.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ad1fc0c4f31e401a8bbaaae0646236da.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a7a592e8dee14e6abf36e336503dcd56.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/46420867e3fd4b8a8b1a5e66eb580d38.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3dd911aa5ecd490397c615c5bc5e528a.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8a472e8a270e4eb6be17c682e0d4f65d.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8a472e8a270e4eb6be17c682e0d4f65d.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8a472e8a270e4eb6be17c682e0d4f65d.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/3e9f168f9cf54b13941e240922a7a21e.mp4\",\n\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e90a93b03b4d41688aeddd89a7008522.mp4\",\n];\n\nlet currentVideo = 0;\nlet isMuted = true;\n\nconst player = document.getElementById(\"videoPlayer\");\nconst popupPlayer = document.getElementById(\"popupPlayer\");\n\nconst playBtn = document.getElementById(\"playBtn\");\nconst popupPlay = document.getElementById(\"popupPlay\");\n\nconst popup = document.getElementById(\"videoPopup\");\nconst container = document.getElementById(\"testiVideo\");\n\nconst progressBar = document.getElementById(\"progressBar\");\nconst popupProgress = document.getElementById(\"popupProgress\");\n\nconst timeDisplay = document.getElementById(\"timeDisplay\");\nconst popupTime = document.getElementById(\"popupTime\");\n\nfunction formatTime(sec){\n  if(isNaN(sec)) return \"0:00\";\n  let m = Math.floor(sec \/ 60);\n  let s = Math.floor(sec % 60);\n  return m + \":\" + (s \u003c 10 ? \"0\" + s : s);\n}\n\nfunction loadVideo(videoEl){\n  videoEl.src = videos[currentVideo];\n  videoEl.muted = isMuted;\n  videoEl.play().catch(()=\u003e{});\n}\n\nloadVideo(player);\n\nfunction togglePlay(video, btn){\n  if(video.paused){ video.play(); }\n  else { video.pause(); }\n  btn.innerText = video.paused ? \"▶\" : \"❚❚\";\n}\n\nplayBtn.onclick = e=\u003e{ e.stopPropagation(); togglePlay(player, playBtn); };\n\nfunction nextVideo(){\n  currentVideo = (currentVideo + 1) % videos.length;\n  loadVideo(player);\n}\n\nfunction prevVideo(){\n  currentVideo = (currentVideo - 1 + videos.length) % videos.length;\n  loadVideo(player);\n}\n\ndocument.querySelector(\".next-btn\").onclick = e=\u003e{ e.stopPropagation(); nextVideo(); };\ndocument.querySelector(\".prev-btn\").onclick = e=\u003e{ e.stopPropagation(); prevVideo(); };\n\ndocument.querySelector(\".volume-btn\").onclick = e=\u003e{\n  e.stopPropagation();\n  isMuted = !isMuted;\n  player.muted = isMuted;\n  popupPlayer.muted = isMuted;\n  document.getElementById(\"volIcon\").innerText = isMuted ? \"🔇\" : \"🔊\";\n};\n\ndocument.getElementById(\"expandBtn\").onclick = e=\u003e{\n  e.stopPropagation();\n  popup.style.display = \"block\";\n\n  popupPlayer.src = player.src;\n  popupPlayer.currentTime = player.currentTime;\n  popupPlayer.muted = isMuted;\n\n  player.pause();\n  setTimeout(()=\u003e popupPlayer.play(),100);\n};\n\ndocument.getElementById(\"popupClose\").onclick = e=\u003e{\n  e.stopPropagation();\n  popup.style.display = \"none\";\n\n  player.currentTime = popupPlayer.currentTime;\n  popupPlayer.pause();\n\n  setTimeout(()=\u003e player.play(),100);\n};\n\n\/\/ AUTO NEXT\nplayer.addEventListener(\"ended\", nextVideo);\n\n\/\/ TIME UPDATE\nplayer.addEventListener(\"timeupdate\", ()=\u003e{\n  progressBar.value = (player.currentTime \/ player.duration) * 100;\n  timeDisplay.innerText =\n    formatTime(player.currentTime) + \" \/ \" + formatTime(player.duration);\n});\n\n\/\/ SEEK\nprogressBar.oninput = ()=\u003e{\n  player.currentTime = (progressBar.value \/ 100) * player.duration;\n};\n\n\/\/ HIDE CONTROLS\nlet hideTimer;\nfunction showControls(){\n  container.classList.remove(\"hide-controls\");\n  clearTimeout(hideTimer);\n  hideTimer = setTimeout(()=\u003e{\n    container.classList.add(\"hide-controls\");\n  },10000);\n}\nshowControls();\n\ncontainer.addEventListener(\"mousemove\", showControls);\ncontainer.addEventListener(\"touchstart\", showControls);\n\n\/\/ CLOSE\ndocument.querySelector(\".close-video\").onclick = e=\u003e{\n  e.stopPropagation();\n  container.style.display = \"none\";\n};\n\n\/\/ =====================\n\/\/ DRAG FEATURE\n\/\/ =====================\nlet isDragging = false, offsetX, offsetY;\n\ncontainer.addEventListener(\"mousedown\", startDrag);\ncontainer.addEventListener(\"touchstart\", startDrag);\n\nfunction startDrag(e){\n  isDragging = true;\n  let rect = container.getBoundingClientRect();\n\n  if(e.touches){\n    offsetX = e.touches[0].clientX - rect.left;\n    offsetY = e.touches[0].clientY - rect.top;\n  } else {\n    offsetX = e.clientX - rect.left;\n    offsetY = e.clientY - rect.top;\n  }\n\n  document.addEventListener(\"mousemove\", drag);\n  document.addEventListener(\"touchmove\", drag);\n  document.addEventListener(\"mouseup\", stopDrag);\n  document.addEventListener(\"touchend\", stopDrag);\n}\n\nfunction drag(e){\n  if(!isDragging) return;\n\n  let x, y;\n  if(e.touches){\n    x = e.touches[0].clientX - offsetX;\n    y = e.touches[0].clientY - offsetY;\n  } else {\n    x = e.clientX - offsetX;\n    y = e.clientY - offsetY;\n  }\n\n  container.style.left = x + \"px\";\n  container.style.top = y + \"px\";\n  container.style.bottom = \"auto\";\n}\n\nfunction stopDrag(){\n  isDragging = false;\n}\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"GAJAKESARI PUNUGU","offers":[{"title":"Pack Of 1","offer_id":47602148475070,"sku":null,"price":799.0,"currency_code":"INR","in_stock":true},{"title":"Pack Of 2","offer_id":47602148507838,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true},{"title":"Pack Of 3","offer_id":47602148540606,"sku":null,"price":2099.0,"currency_code":"INR","in_stock":true},{"title":"Buy 4 Get 1 Free","offer_id":47602148573374,"sku":null,"price":2799.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0770\/4290\/9374\/files\/IMG_4217_c9139181-3427-4c0d-be95-72f92758e296.jpg?v=1780533925","url":"https:\/\/devaom.in\/products\/gajakesari-punugu-5-grms","provider":"DEVOM","version":"1.0","type":"link"}