{"id":903,"date":"2022-10-20T15:34:05","date_gmt":"2022-10-20T13:34:05","guid":{"rendered":"https:\/\/couleur-jazz.fr\/?page_id=903"},"modified":"2026-04-17T18:06:28","modified_gmt":"2026-04-17T16:06:28","slug":"diaporama","status":"publish","type":"page","link":"https:\/\/couleur-jazz.fr\/?page_id=903","title":{"rendered":"Vid\u00e9o diaporama"},"content":{"rendered":"<style>\n.video-item {\n  background: #000;\n  padding: 15px;\n}<\/p>\n<p>.youtube-lite {\n  position: relative;\n  cursor: pointer;\n  background: #000;\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  overflow: hidden;\n}<\/p>\n<p>.youtube-lite img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}<\/p>\n<p>.youtube-lite iframe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n}<\/p>\n<p>.play-button {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 70px;\n  height: 50px;\n  background: red;\n  border-radius: 10px;\n}<\/p>\n<p>.play-button::after {\n  content: '';\n  position: absolute;\n  left: 26px;\n  top: 15px;\n  border-style: solid;\n  border-width: 10px 0 10px 18px;\n  border-color: transparent transparent transparent white;\n}\n<\/style>\n<div class=\"video-grid\">\n<div class=\"video-item\">\n<h3 class=\"texte-jaune-cj\" style=\"font-size:16px;\t\n        text-align: left;  background-color: black; opacity: .8; font-weight: 600;\n        \">Concert Jazz Homes &#8211; Meyzieu<br \/>Octobre 2025<\/h3>\n<div class=\"youtube-lite\" data-id=\"G02t6iw5juY\">\n           <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/G02t6iw5juY\/hqdefault.jpg\" alt=\"Video thumbnail\"><\/p>\n<div class=\"play-button\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"video-item\">\n<h3 class=\"texte-jaune-cj\" style=\"font-size:16px;\t\n        text-align: left;  background-color: black; opacity: .8; font-weight: 600;\n        \">Concert Ch\u00e2tillon sur Chalaronne<br \/>Juin 2022<\/h3>\n<div class=\"youtube-lite\" data-id=\"wuSh367ffWs\">\n           <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/wuSh367ffWs\/hqdefault.jpg\" alt=\"Video thumbnail\"><\/p>\n<div class=\"play-button\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  document.querySelectorAll(\".youtube-lite\").forEach(function(el) {\n    el.addEventListener(\"click\", function() {\n      const videoId = this.dataset.id;\n      if (!videoId) return;\n      const iframe = document.createElement(\"iframe\");\n      iframe.src = \"https:\/\/www.youtube.com\/embed\/\" + videoId + \"?autoplay=1\";\n      iframe.allow = \"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\";\n      iframe.allowFullscreen = true;\n      this.innerHTML = \"\";\n      this.appendChild(iframe);\n    });\n  });\n});\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Concert Jazz Homes &#8211; MeyzieuOctobre 2025 Concert Ch\u00e2tillon sur ChalaronneJuin 2022<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-903","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/couleur-jazz.fr\/index.php?rest_route=\/wp\/v2\/pages\/903","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/couleur-jazz.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/couleur-jazz.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/couleur-jazz.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/couleur-jazz.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=903"}],"version-history":[{"count":26,"href":"https:\/\/couleur-jazz.fr\/index.php?rest_route=\/wp\/v2\/pages\/903\/revisions"}],"predecessor-version":[{"id":2147,"href":"https:\/\/couleur-jazz.fr\/index.php?rest_route=\/wp\/v2\/pages\/903\/revisions\/2147"}],"wp:attachment":[{"href":"https:\/\/couleur-jazz.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}