{"product_id":"27inch-caution-safety-cone","title":"Cono di Sicurezza di Avvertimento da 27 Pollici","description":"\u003cul class=\"List__list-container__c1545\"\u003e\n\u003cli\u003e\u003cspan\u003eConi Segnaletici di Grandi Dimensioni --- Coni messaggio da 11,3\" L x 11,3\" W x 27\" H con base in gomma pesante, struttura stabile e facilmente visibile, impilabili per una facile conservazione e trasporto.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eDesign con Foro Circolare Superiore --- Cono informativo portatile di grandi dimensioni con confezione da 8, puoi usare catene, traverse o altri accessori per collegare insieme questi coni segnaletici, formando una barriera temporanea rapida ed efficace.  \u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n.video-wrap {\n  display: flex;\n  gap: 24px;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  font-family: Arial, sans-serif;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n\/* ===== 主播放器 ===== *\/\n.video-player {\n  flex: 2;\n  min-width: 320px;\n  background: #000;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.25);\n  position: relative;\n}\n\n#player {\n  width: 100%;\n  height: 520px;\n}\n\n\/* ===== 控制按钮 ===== *\/\n.controls {\n  position: absolute;\n  bottom: 12px;\n  left: 12px;\n  display: flex;\n  gap: 10px;\n  z-index: 10;\n}\n\n.controls button {\n  background: rgba(0,0,0,0.6);\n  color: #fff;\n  border: 1px solid rgba(255,255,255,0.2);\n  padding: 8px 12px;\n  border-radius: 8px;\n  cursor: pointer;\n  font-size: 14px;\n}\n\n\/* ===== 视频列表 ===== *\/\n.video-list {\n  flex: 1;\n  min-width: 280px;\n  background: #111;\n  border-radius: 16px;\n  padding: 12px;\n\n  display: flex;\n  flex-direction: row;\n  overflow-x: auto;\n  gap: 10px;\n}\n\n.video-item {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  padding: 10px;\n  cursor: pointer;\n  border-radius: 12px;\n  transition: 0.25s;\n  background: #1c1c1c;\n  border: 1px solid transparent;\n  min-width: 160px;\n}\n\n.video-item:hover {\n  transform: translateY(-2px);\n  background: #2a2a2a;\n}\n\n.video-item.active {\n  border: 1px solid #ff3b3b;\n  background: #222;\n}\n\n.video-item img {\n  width: 100%;\n  height: 90px;\n  object-fit: cover;\n  border-radius: 8px;\n}\n\n.video-title {\n  font-size: 14px;\n  color: #fff;\n  line-height: 1.4;\n  text-align: center;\n}\n\n\/* =========================\n   📱 手机端优化\n========================= *\/\n@media (max-width: 768px) {\n  .video-wrap {\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .video-player {\n    width: 100vw;\n    margin-left: -16px;\n    border-radius: 0;\n  }\n\n  #player {\n    width: 100vw;\n    height: calc(100vw * 9 \/ 16);\n  }\n\n  .controls {\n    display: none;\n  }\n\n  \/* 手机端横向滑动列表，隐藏滚动条 *\/\n  .video-list {\n    flex-direction: row;\n    overflow-x: auto;\n    gap: 10px;\n    padding: 10px;\n    scrollbar-width: none; \/* Firefox 隐藏滚动条 *\/\n  }\n\n  .video-list::-webkit-scrollbar {\n    display: none; \/* Chrome\/Safari 隐藏滚动条 *\/\n  }\n\n  .video-item {\n    min-width: 160px;\n  }\n\n  .video-item img {\n    height: 120px;\n  }\n\n  .video-title {\n    font-size: 13px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"video-wrap\"\u003e\n\u003c!-- 主播放器 --\u003e\n\u003cdiv class=\"video-player\"\u003e\n\u003cdiv id=\"player\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"controls\"\u003e\n\u003cbutton id=\"prevBtn\"\u003e⟵ Indietro  \u003c\/button\u003e \u003cbutton id=\"nextBtn\"\u003eAvanti ⟶  \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 视频列表 --\u003e\n\u003cdiv class=\"video-list\"\u003e\n\u003cdiv class=\"video-item active\"\u003e\n\u003cimg src=\"https:\/\/img.youtube.com\/vi\/q_xrawScM34\/hqdefault.jpg\"\u003e\n\u003cdiv class=\"video-title\"\u003eCono di Sicurezza di Avvertimento da 27 Pollici\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-item\"\u003e\n\u003cimg src=\"https:\/\/img.youtube.com\/vi\/pDY3_euMqwU\/hqdefault.jpg\"\u003e\n\u003cdiv class=\"video-title\"\u003eCono di Sicurezza Stradale Portatile da 27 Pollici  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/www.youtube.com\/iframe_api\"\u003e\u003c\/script\u003e \u003cscript\u003e\nconst videos = [\"q_xrawScM34\", \"pDY3_euMqwU\"];\nlet player;\nlet currentIndex = 0;\nlet isReady = false;\n\nfunction onYouTubeIframeAPIReady() {\n  player = new YT.Player('player', {\n    videoId: videos[0],\n    playerVars: { autoplay: 1, controls: 1, rel: 0 },\n    events: { onReady: () =\u003e { isReady = true; }, onStateChange: onPlayerStateChange }\n  });\n}\n\nfunction onPlayerStateChange(event) {\n  if (event.data === YT.PlayerState.ENDED) nextVideo();\n}\n\nfunction playVideo(index) {\n  if (!player || !isReady) return;\n  currentIndex = index;\n  player.loadVideoById(videos[index]);\n  updateActive();\n}\n\nfunction nextVideo() {\n  if (!player || !isReady) return;\n  currentIndex = (currentIndex + 1) % videos.length;\n  player.loadVideoById(videos[currentIndex]);\n  updateActive();\n}\n\nfunction prevVideo() {\n  if (!player || !isReady) return;\n  currentIndex = (currentIndex - 1 + videos.length) % videos.length;\n  player.loadVideoById(videos[currentIndex]);\n  updateActive();\n}\n\nfunction updateActive() {\n  document.querySelectorAll(\".video-item\").forEach((el, i) =\u003e {\n    el.classList.toggle(\"active\", i === currentIndex);\n  });\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  document.getElementById(\"nextBtn\").addEventListener(\"click\", nextVideo);\n  document.getElementById(\"prevBtn\").addEventListener(\"click\", prevVideo);\n\n  document.querySelectorAll(\".video-item\").forEach((item) =\u003e {\n    item.addEventListener(\"click\", function () {\n      playVideo(parseInt(this.dataset.index));\n    });\n  });\n});\n\u003c\/script\u003e\u003c\/p\u003e","brand":"OranLite","offers":[{"title":"Attenzione Bagnato \/ Colore Giallo","offer_id":46480101015713,"sku":"DH-FC-1x4Y","price":55.72,"currency_code":"USD","in_stock":true},{"title":"DIVIETO DI SOSTA \/ Colore Bianco","offer_id":46480101081249,"sku":"DH-FC-1x4W","price":55.72,"currency_code":"USD","in_stock":true},{"title":"PARCHEGGIO RIVEDUTO \/ Colore Verde","offer_id":46480101146785,"sku":"DH-FC-1x4G","price":56.15,"currency_code":"USD","in_stock":true},{"title":"NON ENTRARE \/ Colore Arancione","offer_id":46480101212321,"sku":"DH-FC-1x4O","price":48.22,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0690\/1360\/2465\/files\/DH-FC-1-01.jpg?v=1780107992","url":"https:\/\/www.vilble.com\/it\/products\/27inch-caution-safety-cone","provider":"Vilble USA","version":"1.0","type":"link"}