{"product_id":"27inch-caution-safety-cone","title":"Cône de Sécurité d'Avertissement de 27 Pouces  ","description":"\u003cul class=\"List__list-container__c1545\"\u003e\n\u003cli\u003e\u003cspan\u003eCônes de message de grande taille --- Cônes de message de 11,3\" L x 11,3\" W x 27\" H avec base en caoutchouc lourde, structure stable et facilement visible, empilables pour un rangement et un transport aisés.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan\u003eConception supérieure à trou circulaire --- Cône d'information portable de grande taille vendu par lot de 8, vous pouvez utiliser des chaînes, des barres transversales ou d'autres accessoires pour relier ces cônes de signalisation ensemble, formant une barrière temporaire rapide et 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⟵ Précédent  \u003c\/button\u003e \u003cbutton id=\"nextBtn\"\u003eSuivant ⟶  \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\"\u003eCône de Sécurité d'Avertissement de 27 Pouces  \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\"\u003eCône de sécurité routière portable de 27 pouces  \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":"Attention Sol Mouillé \/ Couleur Jaune","offer_id":46480101015713,"sku":"DH-FC-1x4Y","price":55.72,"currency_code":"USD","in_stock":true},{"title":"STATIONNEMENT INTERDIT \/ Couleur blanche","offer_id":46480101081249,"sku":"DH-FC-1x4W","price":55.72,"currency_code":"USD","in_stock":true},{"title":"STATIONNEMENT RÉVISÉ \/ Couleur verte","offer_id":46480101146785,"sku":"DH-FC-1x4G","price":56.15,"currency_code":"USD","in_stock":true},{"title":"NE PAS ENTRER \/ Couleur Orange","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\/fr\/products\/27inch-caution-safety-cone","provider":"Vilble USA","version":"1.0","type":"link"}