{"id":34,"date":"2026-08-21T12:15:06","date_gmt":"2026-08-21T12:15:06","guid":{"rendered":"https:\/\/yovobassy.com\/?page_id=34"},"modified":"2026-11-02T23:14:48","modified_gmt":"2026-11-02T23:14:48","slug":"videos","status":"publish","type":"page","link":"https:\/\/yovobassy.com\/index.php\/videos\/","title":{"rendered":"Vid\u00e9os"},"content":{"rendered":"\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"341\" src=\"https:\/\/yovobassy.com\/wp-content\/uploads\/2026\/10\/IMG_3499-1024x341.png\" alt=\"\" class=\"wp-image-2216\" style=\"width:220px;height:auto\" srcset=\"https:\/\/yovobassy.com\/wp-content\/uploads\/2026\/10\/IMG_3499-1024x341.png 1024w, https:\/\/yovobassy.com\/wp-content\/uploads\/2026\/10\/IMG_3499-300x100.png 300w, https:\/\/yovobassy.com\/wp-content\/uploads\/2026\/10\/IMG_3499-768x256.png 768w, https:\/\/yovobassy.com\/wp-content\/uploads\/2026\/10\/IMG_3499-1536x512.png 1536w, https:\/\/yovobassy.com\/wp-content\/uploads\/2026\/10\/IMG_3499-2048x683.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<!-- ==========================================\n YOVO BASSY \u2014 PAGE VID\u00c9OS\n WORDPRESS BLOCKSY\n\n MOD\u00c8LE N\u00b04 \u2014 COLLECTION ARTISTIQUE\n VERSION COMPL\u00c8TE \u2014 17 VID\u00c9OS\n\n 01 \u2014 TARATATA COLL\u00c9GIALE #1\n 02 \u2014 TARATATA LA FOUINE\n 03 \u2014 TARATATA COLL\u00c9GIALE #2\n 04 \u2014 DUB PO\u00c9SIE (9 CLIPS)\n 05 \u2014 TONTON DAVID \u2014 S\u00dbR ET CERTAIN\n 06 \u2014 TONTON DAVID \u2014 CHACUN SA ROUTE\n 07 \u2014 TONTON DAVID \u2014 IL MARCHE SEUL\n 08 \u2014 TONTON DAVID \u2014 MA NUMBER ONE\n 09 \u2014 PRINCESS ERIKA \u2014 SUR LA ROUTE DU REGGAE\n\n FOND NOIR : #101010\n ORANGE : #F4A425\n BLANC : #FFFFFF\n\n BOUTONS DUB PO\u00c9SIE :\n \u00c9L\u00c9GANCE NOIRE \u2014 PROPOSITION N\u00b02\n FL\u00c8CHES CASCADE \u2014 MOD\u00c8LE N\u00b03\n ========================================== -->\n\n<style>\n\n\/* ==========================================\n   01 \u2014 WORDPRESS BLOCKSY\n   ========================================== *\/\n\nbody.page:has(#yovo-videos),\nbody.page:has(#yovo-videos) #main,\nbody.page:has(#yovo-videos) .site-main,\nbody.page:has(#yovo-videos) .site-content,\nbody.page:has(#yovo-videos) .entry-content,\nbody.page:has(#yovo-videos) .ct-container {\n  background-color: #101010 !important;\n}\n\nbody.page:has(#yovo-videos) #sidebar,\nbody.page:has(#yovo-videos) .ct-sidebar {\n  display: none !important;\n}\n\nbody.page:has(#yovo-videos) .entry-header,\nbody.page:has(#yovo-videos) .page-title,\nbody.page:has(#yovo-videos) .hero-section .page-title {\n  display: none !important;\n}\n\nbody.page:has(#yovo-videos) #main > .ct-container,\nbody.page:has(#yovo-videos) .site-main > .ct-container {\n  display: block !important;\n  width: 100% !important;\n  max-width: 1400px !important;\n  margin: 0 auto !important;\n}\n\nbody.page:has(#yovo-videos) .entry-content {\n  width: 100% !important;\n  max-width: 1400px !important;\n  margin: 0 auto !important;\n}\n\n\/* ==========================================\n   02 \u2014 CONTENEUR G\u00c9N\u00c9RAL\n   ========================================== *\/\n\n#yovo-videos,\n#yovo-videos * {\n  box-sizing: border-box;\n}\n\n#yovo-videos {\n  --orange: #F4A425;\n  --noir: #101010;\n  --blanc: #FFFFFF;\n  --gris: #BDBDBD;\n\n  width: 100%;\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 32px 24px 70px;\n\n  background: #101010;\n  color: #FFFFFF;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n#yovo-videos button {\n  font-family: inherit;\n  cursor: pointer;\n}\n\n#yovo-videos button:focus-visible {\n  outline: 2px solid #F4A425;\n  outline-offset: 4px;\n}\n\n\/* ==========================================\n   03 \u2014 EN-T\u00caTE\n   ========================================== *\/\n\n#yovo-videos .videos-entete {\n  text-align: center;\n  margin-bottom: 40px;\n}\n\n#yovo-videos .videos-sous-titre {\n  margin: 0;\n  color: #BDBDBD;\n  font-size: 12px;\n  letter-spacing: 2px;\n  line-height: 1.8;\n}\n\n\/* ==========================================\n   04 \u2014 LISTE ET CARTES\n   ========================================== *\/\n\n#yovo-videos .videos-liste {\n  display: flex;\n  flex-direction: column;\n  gap: 22px;\n}\n\n#yovo-videos .video-carte {\n  display: grid;\n  grid-template-columns: minmax(0,47%) minmax(0,1fr);\n  align-items: center;\n  gap: 30px;\n  padding: 15px;\n\n  background: #1D1D1D;\n  border: 1px solid #303030;\n  border-radius: 10px;\n\n  transition:\n    border-color .3s ease,\n    box-shadow .3s ease,\n    transform .3s ease;\n}\n\n#yovo-videos .video-carte:hover {\n  border-color: #F4A425;\n  box-shadow: 0 8px 24px rgba(0,0,0,.25);\n  transform: translateY(-2px);\n}\n\n\/* ==========================================\n   05 \u2014 VID\u00c9OS ET IMAGES\n   ========================================== *\/\n\n#yovo-videos .video-media {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  overflow: hidden;\n  border-radius: 7px;\n  background: #111111;\n}\n\n#yovo-videos .video-media video,\n#yovo-videos .video-media iframe,\n#yovo-videos .video-media img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n\n#yovo-videos .video-media video {\n  object-fit: contain;\n  background: #000000;\n}\n\n#yovo-videos .video-media iframe {\n  position: absolute;\n  inset: 0;\n}\n\n\/* ==========================================\n   06 \u2014 MINIATURES YOUTUBE\n   ========================================== *\/\n\n#yovo-videos .youtube-cover {\n  position: relative;\n  display: block;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  margin: 0;\n  border: 0;\n  border-radius: 7px;\n  background: #111111;\n  overflow: hidden;\n}\n\n#yovo-videos .youtube-cover img {\n  object-fit: cover;\n}\n\n#yovo-videos .play-rond {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%,-50%);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 66px;\n  height: 66px;\n\n  border: 2px solid #F4A425;\n  border-radius: 50%;\n\n  background: rgba(0,0,0,.75);\n  color: #F4A425;\n\n  font-size: 29px;\n  line-height: 1;\n}\n\n#yovo-videos .youtube-cover:hover .play-rond {\n  background: #F4A425;\n  color: #101010;\n}\n\n\/* ==========================================\n   07 \u2014 INFORMATIONS VID\u00c9OS\n   ========================================== *\/\n\n#yovo-videos .video-infos {\n  min-width: 0;\n  padding: 10px 8px;\n}\n\n#yovo-videos .video-numero {\n  display: block;\n  margin-bottom: 15px;\n\n  color: #F4A425;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 2px;\n}\n\n#yovo-videos .video-titre {\n  margin: 0 0 13px !important;\n  color: #FFFFFF !important;\n  font-size: 19px !important;\n  font-weight: 700;\n  line-height: 1.4;\n}\n\n#yovo-videos .video-description {\n  margin: 0 0 20px;\n  color: #BDBDBD;\n  font-size: 13px;\n  line-height: 1.9;\n}\n\n\/* ==========================================\n   08 \u2014 BOUTONS VID\u00c9O EXISTANTS\n   STYLE DISCOGRAPHIE CONSERV\u00c9\n   ========================================== *\/\n\n#yovo-videos .video-action {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 9px !important;\n\n  width: auto !important;\n  padding: 0 0 7px !important;\n  margin: 0 !important;\n\n  background: transparent !important;\n  border: none !important;\n  border-bottom: 1px solid #F4A425 !important;\n  border-radius: 0 !important;\n\n  color: #F4A425 !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  letter-spacing: 1px !important;\n  line-height: 1.4 !important;\n  box-shadow: none !important;\n}\n\n#yovo-videos .video-action:hover {\n  color: #FFFFFF !important;\n}\n\n#yovo-videos .icone-video {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 28px;\n  height: 28px;\n  flex: 0 0 28px;\n\n  background: #FF0033;\n  border-radius: 7px;\n}\n\n#yovo-videos .icone-video svg {\n  display: block;\n  width: 23px;\n  height: 23px;\n}\n\n\/* ==========================================\n   09 \u2014 SECTION DUB PO\u00c9SIE\n   ========================================== *\/\n\n#yovo-videos .poesie-section {\n  padding: 25px;\n  background: #1D1D1D;\n  border: 1px solid #303030;\n  border-radius: 10px;\n}\n\n#yovo-videos .poesie-entete {\n  margin-bottom: 23px;\n}\n\n#yovo-videos .poesie-entete h2 {\n  margin: 0 0 10px !important;\n  color: #FFFFFF !important;\n  font-size: 19px !important;\n}\n\n#yovo-videos .poesie-description {\n  margin: 0;\n  color: #BDBDBD;\n  font-size: 13px;\n  line-height: 1.8;\n}\n\n#yovo-videos .poesie-compteur {\n  margin-bottom: 12px;\n  color: #F4A425;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 2px;\n}\n\n\/* ==========================================\n   10 \u2014 CADRE NOIR DUB PO\u00c9SIE\n   SANS CONTOUR ORANGE\n   ========================================== *\/\n\n#yovo-videos .poesie-lecteur {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  width: 100%;\n  max-width: 850px;\n  min-height: 470px;\n  margin: 0 auto 24px;\n\n  background: #101010;\n  border: none !important;\n  border-radius: 8px;\n  box-shadow: none !important;\n  overflow: hidden;\n}\n\n#yovo-videos .poesie-lecteur.en-lecture {\n  aspect-ratio: 16 \/ 9;\n  min-height: 0;\n}\n\n#yovo-videos .poesie-lecteur iframe {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n\n\/* ==========================================\n   11 \u2014 POCHETTE DUB PO\u00c9SIE\n   SANS TITRE EN DESSOUS\n   ========================================== *\/\n\n#yovo-videos .poesie-placeholder {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  width: 100%;\n  padding: 24px 20px 10px;\n  background: #101010;\n  text-align: center;\n}\n\n#yovo-videos .poesie-pochette {\n  display: block !important;\n  width: 100% !important;\n  max-width: 300px !important;\n  height: auto !important;\n  aspect-ratio: 1 \/ 1;\n  object-fit: contain !important;\n\n  padding: 0 !important;\n  margin: 0 !important;\n\n  border: none !important;\n  border-radius: 7px;\n  background: transparent;\n  box-shadow: none !important;\n}\n\n\/* ==========================================\n   12 \u2014 LES DEUX BOUTONS\n   DANS LE CADRE NOIR\n   ========================================== *\/\n\n#yovo-videos .poesie-commandes {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  gap: 12px;\n  width: 100%;\n  margin: 0 auto;\n  padding: 10px 15px 24px;\n\n  text-align: center;\n  background: #101010;\n}\n\n\/* PETIT BOUTON ROUGE *\/\n\n#yovo-videos .poesie-action {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n\n  width: auto !important;\n  min-height: 30px !important;\n  padding: 6px 12px !important;\n  margin: 0 !important;\n\n  background: #FF0033 !important;\n  color: #FFFFFF !important;\n  border: 0 !important;\n  border-radius: 5px !important;\n  box-shadow: none !important;\n\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  letter-spacing: .3px !important;\n  line-height: 1.3 !important;\n  text-decoration: none !important;\n}\n\n#yovo-videos .poesie-action:hover {\n  background: #D9002B !important;\n  color: #FFFFFF !important;\n}\n\n#yovo-videos .poesie-action svg {\n  display: block;\n  width: 18px;\n  height: 18px;\n  flex-shrink: 0;\n}\n\n\/* ==========================================\n   13 \u2014 CHOISISSEZ UN CLIP\n   \u00c9L\u00c9GANCE NOIRE\n   MOD\u00c8LE N\u00b03 \u2014 CASCADE VERTICALE\n   ========================================== *\/\n\n#yovo-videos .poesie-bandeau {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n\n  gap: 10px;\n  width: fit-content;\n  max-width: 100%;\n  padding: 7px 14px;\n  margin: 0 auto;\n\n  background: #191919 !important;\n  color: #F4A425 !important;\n  border: 1px solid #F4A425 !important;\n  border-radius: 5px;\n\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 1.3;\n  letter-spacing: .35px;\n  text-align: center;\n}\n\n\/* TROIS FL\u00c8CHES VERTICALES *\/\n\n#yovo-videos .poesie-bandeau .arrows {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 0;\n  flex-shrink: 0;\n}\n\n\/* ANIMATION CASCADE *\/\n\n#yovo-videos .poesie-bandeau .fleche {\n  display: block;\n  height: 8px;\n  color: #F4A425;\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 8px;\n  opacity: .18;\n  animation: yovoCascade 1.4s infinite;\n}\n\n#yovo-videos .poesie-bandeau .fleche:nth-child(2) {\n  animation-delay: .18s;\n}\n\n#yovo-videos .poesie-bandeau .fleche:nth-child(3) {\n  animation-delay: .36s;\n}\n\n@keyframes yovoCascade {\n  0%, 75%, 100% {\n    opacity: .18;\n    transform: translateY(0);\n  }\n\n  35% {\n    opacity: 1;\n    transform: translateY(1px);\n  }\n}\n\n\/* ==========================================\n   14 \u2014 GRILLE DES 9 CLIPS\n   ========================================== *\/\n\n#yovo-videos .poesie-grille {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 15px;\n}\n\n#yovo-videos .poesie-item {\n  min-width: 0;\n}\n\n#yovo-videos .poesie-bouton {\n  display: block;\n  width: 100%;\n  padding: 0;\n  margin: 0;\n\n  border: 1px solid #333333;\n  border-radius: 7px;\n  background: #111111;\n  overflow: hidden;\n  transition: border-color .25s ease;\n}\n\n#yovo-videos .poesie-bouton:hover,\n#yovo-videos .poesie-bouton.actif {\n  border-color: #F4A425;\n}\n\n#yovo-videos .poesie-vignette {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  overflow: hidden;\n}\n\n#yovo-videos .poesie-vignette img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n#yovo-videos .poesie-petit-play {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%,-50%);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 38px;\n  height: 38px;\n  border-radius: 50%;\n\n  background: rgba(0,0,0,.75);\n  border: 1px solid #F4A425;\n  color: #F4A425;\n  font-size: 17px;\n}\n\n#yovo-videos .poesie-nom {\n  display: block;\n  padding: 10px 8px;\n  color: #FFFFFF;\n  font-size: 12px;\n  font-weight: 600;\n  text-align: center;\n  background: #242424;\n}\n\n#yovo-videos .poesie-bouton.actif .poesie-nom {\n  color: #F4A425;\n}\n\n\/* ==========================================\n   15 \u2014 PIED DE PAGE\n   ========================================== *\/\n\n#yovo-videos .videos-fin {\n  margin-top: 40px;\n  text-align: center;\n}\n\n#yovo-videos .videos-fin-ligne {\n  width: 50px;\n  height: 1px;\n  margin: 0 auto 17px;\n  background: #F4A425;\n}\n\n#yovo-videos .videos-fin p {\n  margin: 0;\n  color: #777777;\n  font-size: 11px;\n  letter-spacing: 2px;\n}\n\n\/* ==========================================\n   16 \u2014 TABLETTES\n   ========================================== *\/\n\n@media (max-width: 900px) {\n  #yovo-videos {\n    padding: 26px 18px 55px;\n  }\n\n  #yovo-videos .video-carte {\n    gap: 20px;\n  }\n\n  #yovo-videos .video-titre {\n    font-size: 17px !important;\n  }\n\n  #yovo-videos .video-description {\n    font-size: 12px;\n  }\n}\n\n\/* ==========================================\n   17 \u2014 T\u00c9L\u00c9PHONES\n   ========================================== *\/\n\n@media (max-width: 650px) {\n  #yovo-videos {\n    padding: 22px 12px 45px;\n  }\n\n  #yovo-videos .videos-entete {\n    margin-bottom: 28px;\n  }\n\n  #yovo-videos .videos-sous-titre {\n    font-size: 10px;\n    letter-spacing: 1px;\n  }\n\n  #yovo-videos .video-carte {\n    grid-template-columns: 1fr;\n    gap: 12px;\n    padding: 10px;\n  }\n\n  #yovo-videos .video-infos {\n    padding: 9px 8px 13px;\n  }\n\n  #yovo-videos .video-numero {\n    margin-bottom: 9px;\n  }\n\n  #yovo-videos .video-titre {\n    font-size: 17px !important;\n  }\n\n  #yovo-videos .video-description {\n    margin-bottom: 15px;\n  }\n\n  #yovo-videos .poesie-section {\n    padding: 12px;\n  }\n\n  #yovo-videos .poesie-entete h2 {\n    font-size: 17px !important;\n  }\n\n  #yovo-videos .poesie-lecteur {\n    min-height: 0;\n  }\n\n  #yovo-videos .poesie-placeholder {\n    padding: 17px 10px 5px;\n  }\n\n  #yovo-videos .poesie-pochette {\n    max-width: min(65%,210px) !important;\n  }\n\n  #yovo-videos .poesie-commandes {\n    gap: 10px;\n    padding: 10px 5px 18px;\n  }\n\n  #yovo-videos .poesie-action {\n    min-height: 29px !important;\n    padding: 6px 10px !important;\n    font-size: 10px !important;\n  }\n\n  #yovo-videos .poesie-action svg {\n    width: 17px;\n    height: 17px;\n  }\n\n  #yovo-videos .poesie-bandeau {\n    padding: 7px 9px;\n    gap: 7px;\n    font-size: 10px;\n    letter-spacing: 0;\n  }\n\n  #yovo-videos .poesie-bandeau .fleche {\n    font-size: 14px;\n  }\n\n  #yovo-videos .poesie-grille {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    gap: 10px;\n  }\n\n  #yovo-videos .poesie-nom {\n    font-size: 11px;\n    padding: 9px 5px;\n  }\n\n  #yovo-videos .poesie-petit-play {\n    width: 33px;\n    height: 33px;\n  }\n\n  #yovo-videos .play-rond {\n    width: 55px;\n    height: 55px;\n  }\n}\n\n\/* ACCESSIBILIT\u00c9 *\/\n\n@media (prefers-reduced-motion: reduce) {\n  #yovo-videos .video-carte,\n  #yovo-videos .poesie-bouton {\n    transition: none;\n  }\n\n  #yovo-videos .poesie-bandeau .fleche {\n    animation: none !important;\n    opacity: 1;\n    transform: none;\n  }\n}\n\n<\/style>\n\n<!-- ==========================================\n     CONTENU COMPLET DE LA PAGE\n     ========================================== -->\n\n<section id=\"yovo-videos\">\n\n  <header class=\"videos-entete\">\n    <p class=\"videos-sous-titre\">\n      LIVE \u2022 CLIPS \u2022 COLLABORATIONS\n    <\/p>\n  <\/header>\n\n  <div class=\"videos-liste\">\n\n    <!-- ======================================\n         01 \u2014 TARATATA COLL\u00c9GIALE #1\n         NOUVELLE VID\u00c9O YOUTUBE\n         ====================================== -->\n\n    <article class=\"video-carte\">\n\n      <div class=\"video-media\" id=\"taratata-collegiale1-media\">\n\n        <button type=\"button\" class=\"youtube-cover\" id=\"taratata-collegiale1-cover\" aria-label=\"Lire Taratata Coll\u00e9giale num\u00e9ro 1\">\n\n          <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/wzUBleABTjA\/hqdefault.jpg\" alt=\"Taratata \u2014 Coll\u00e9giale num\u00e9ro 1\" loading=\"lazy\">\n\n          <span class=\"play-rond\">\u25b6<\/span>\n\n        <\/button>\n\n      <\/div>\n\n      <div class=\"video-infos\">\n\n        <span class=\"video-numero\">\n          01 \u2014 TARATATA \u2014\n        <\/span>\n\n        <h2 class=\"video-titre\">\n          TARATATA \u2014 COLL\u00c9GIALE #1\n        <\/h2>\n\n        <p class=\"video-description\">\n\n          Retrouvez\n          <strong style=\"color:#F4A425;\">Yovo<\/strong>\n          dans cette prestation collective\n          enregistr\u00e9e pour Taratata,\n          autour du c\u00e9l\u00e8bre titre\n          \u00ab Rapper&rsquo;s Delight \u00bb.\n\n        <\/p>\n\n        <button type=\"button\" class=\"video-action\" id=\"taratata-collegiale1-action\">\n\n          <span class=\"icone-video\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 28 28\">\n              <rect x=\"5\" y=\"8\" width=\"18\" height=\"12\" rx=\"3\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><\/rect>\n              <path d=\"M12 11 L12 17 L18 14 Z\" fill=\"white\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <span>REGARDER LA VID\u00c9O<\/span>\n\n        <\/button>\n\n      <\/div>\n\n    <\/article>\n\n    <!-- ======================================\n         02 \u2014 TARATATA LA FOUINE\n         ====================================== -->\n\n    <article class=\"video-carte\">\n\n      <div class=\"video-media\">\n\n        <video id=\"taratata-video-2\" controls=\"\" playsinline=\"\" preload=\"metadata\">\n\n          <source src=\"https:\/\/yovobassy.com\/wp-content\/uploads\/2026\/10\/La-Fouine-Taratata_Yovo.mp4\" type=\"video\/mp4\">\n\n          Votre navigateur ne prend pas en charge la vid\u00e9o.\n\n        <\/video>\n\n      <\/div>\n\n      <div class=\"video-infos\">\n\n        <span class=\"video-numero\">\n          02 \u2014 TARATATA \u2014\n        <\/span>\n\n        <h2 class=\"video-titre\">\n          LA FOUINE \u2014 TARATATA\n        <\/h2>\n\n        <p class=\"video-description\">\n\n          Retrouvez\n          <strong style=\"color:#F4A425;\">Yovo<\/strong>\n          aux c\u00f4t\u00e9s de La Fouine\n          lors de cette prestation \u00e0 Taratata\n          de la chanson \u00ab D\u2019o\u00f9 l\u2019on vient \u00bb.\n\n        <\/p>\n\n        <button type=\"button\" class=\"video-action\" id=\"taratata-action-2\">\n\n          <span class=\"icone-video\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 28 28\">\n              <rect x=\"5\" y=\"8\" width=\"18\" height=\"12\" rx=\"3\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><\/rect>\n              <path d=\"M12 11 L12 17 L18 14 Z\" fill=\"white\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <span>REGARDER LA VID\u00c9O<\/span>\n\n        <\/button>\n\n      <\/div>\n\n    <\/article>\n\n    <!-- ======================================\n         03 \u2014 TARATATA COLL\u00c9GIALE #2\n         ANCIENNE PREMI\u00c8RE VID\u00c9O\n         ====================================== -->\n\n    <article class=\"video-carte\">\n\n      <div class=\"video-media\">\n\n        <video id=\"taratata-video-3\" controls=\"\" playsinline=\"\" preload=\"metadata\">\n\n          <source src=\"https:\/\/yovobassy.com\/wp-content\/uploads\/2026\/10\/Collegiale2_Taratata_Yovo.mp4\" type=\"video\/mp4\">\n\n          Votre navigateur ne prend pas en charge la vid\u00e9o.\n\n        <\/video>\n\n      <\/div>\n\n      <div class=\"video-infos\">\n\n        <span class=\"video-numero\">\n          03 \u2014 TARATATA \u2014\n        <\/span>\n\n        <h2 class=\"video-titre\">\n          TARATATA \u2014 COLL\u00c9GIALE #2\n        <\/h2>\n\n        <p class=\"video-description\">\n\n          Retrouvez\n          <strong style=\"color:#F4A425;\">Yovo<\/strong>\n          dans cette prestation\n          collective enregistr\u00e9e pour\n          Taratata sp\u00e9cial Hip-Hop avec :<br>\n\n          La Fouine-Soprano-Akhenaton-Sexion\n          d\u2019assault-Faf Larage-Seyfu.\n\n        <\/p>\n\n        <button type=\"button\" class=\"video-action\" id=\"taratata-action-3\">\n\n          <span class=\"icone-video\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 28 28\">\n              <rect x=\"5\" y=\"8\" width=\"18\" height=\"12\" rx=\"3\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><\/rect>\n              <path d=\"M12 11 L12 17 L18 14 Z\" fill=\"white\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <span>REGARDER LA VID\u00c9O<\/span>\n\n        <\/button>\n\n      <\/div>\n\n    <\/article>\n\n    <!-- ======================================\n         04 \u2014 DUB PO\u00c9SIE\n         9 CLIPS\n         ====================================== -->\n\n    <section class=\"poesie-section\">\n\n      <div class=\"poesie-entete\">\n\n        <div class=\"poesie-compteur\">\n          04 \u2014 COLLECTION DE 9 CLIPS\n        <\/div>\n\n        <h2>DUB PO\u00c9SIE<\/h2>\n\n        <p class=\"poesie-description\">\n\n          Voici l\u2019alliance de la Basse\n          et des Po\u00e8tesses &amp; des Po\u00e8tes.<br>\n\n          Neuf rencontres artistiques\n          \u00e0 d\u00e9couvrir en images.<br>\n\n          <strong style=\"color:#F4A425;\">\n            Yovo:\n          <\/strong>\n\n          Basse-Programmation Drums\n          &amp; Compositeur &amp; Producteur.\n\n          S\u00e9lectionnez un clip pour lancer\n          sa lecture dans le lecteur principal.\n\n        <\/p>\n\n      <\/div>\n\n      <!-- CADRE NOIR -->\n\n      <div class=\"poesie-lecteur\" id=\"poesie-lecteur\" aria-label=\"Lecteur Dub Po\u00e9sie\">\n\n        <div class=\"poesie-placeholder\">\n\n          <img decoding=\"async\" class=\"poesie-pochette\" src=\"https:\/\/yovobassy.com\/wp-content\/uploads\/2026\/10\/IMG_2748.jpeg\" alt=\"Pochette Dub Po\u00e9sie\">\n\n        <\/div>\n\n        <div class=\"poesie-commandes\" id=\"poesie-commandes\">\n\n          <!-- PETIT BOUTON ROUGE -->\n\n          <button type=\"button\" class=\"poesie-action\" id=\"poesie-action\" aria-label=\"Regarder le clip Dub Po\u00e9sie s\u00e9lectionn\u00e9\">\n\n            <svg viewBox=\"0 0 28 28\" aria-hidden=\"true\">\n              <rect x=\"5\" y=\"8\" width=\"18\" height=\"12\" rx=\"3\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><\/rect>\n              <path d=\"M12 11 L12 17 L18 14 Z\" fill=\"white\"><\/path>\n            <\/svg>\n\n            <span>REGARDER LA VID\u00c9O<\/span>\n\n          <\/button>\n\n          <!-- BANDEAU AVEC FL\u00c8CHES CASCADE -->\n\n          <div class=\"poesie-bandeau\">\n\n            <span class=\"arrows\" aria-hidden=\"true\">\n              <span class=\"fleche\">\u2304<\/span>\n              <span class=\"fleche\">\u2304<\/span>\n              <span class=\"fleche\">\u2304<\/span>\n            <\/span>\n\n            <span>CHOISISSEZ UN CLIP<\/span>\n\n            <span class=\"arrows\" aria-hidden=\"true\">\n              <span class=\"fleche\">\u2304<\/span>\n              <span class=\"fleche\">\u2304<\/span>\n              <span class=\"fleche\">\u2304<\/span>\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- LES NEUF VIGNETTES -->\n\n      <div class=\"poesie-grille\" id=\"poesie-grille\">\n      <\/div>\n\n    <\/section>\n\n    <!-- ======================================\n         05 \u2014 TONTON DAVID\n         S\u00dbR ET CERTAIN\n         ====================================== -->\n\n    <article class=\"video-carte\">\n\n      <div class=\"video-media\" id=\"tonton-sur-media\">\n\n        <button type=\"button\" class=\"youtube-cover\" id=\"tonton-sur-cover\" aria-label=\"Lire S\u00fbr et certain\">\n\n          <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/-SWckNTgvcs\/hqdefault.jpg\" alt=\"Tonton David \u2014 S\u00fbr et certain\" loading=\"lazy\">\n\n          <span class=\"play-rond\">\u25b6<\/span>\n\n        <\/button>\n\n      <\/div>\n\n      <div class=\"video-infos\">\n\n        <span class=\"video-numero\">\n          05 \u2014 CLIP OFFICIEL\n        <\/span>\n\n        <h2 class=\"video-titre\">\n          TONTON DAVID \u2014 S\u00dbR ET CERTAIN\n        <\/h2>\n\n        <p class=\"video-description\">\n\n          D\u00e9couvrez le clip officiel\n          \u00ab S\u00fbr et certain \u00bb de Tonton David,\n          un classique du Reggae francophone.<br>\n\n          <strong style=\"color:#F4A425;\">Yovo:<\/strong>\n\n          Basse &#8211; Compositeur &amp; R\u00e9alisateur.\n          Enregistr\u00e9 \u00e0 Memphis Tennessee.\n\n        <\/p>\n\n        <button type=\"button\" class=\"video-action\" id=\"tonton-sur-action\">\n\n          <span class=\"icone-video\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 28 28\">\n              <rect x=\"5\" y=\"8\" width=\"18\" height=\"12\" rx=\"3\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><\/rect>\n              <path d=\"M12 11 L12 17 L18 14 Z\" fill=\"white\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <span>REGARDER LA VID\u00c9O<\/span>\n\n        <\/button>\n\n      <\/div>\n\n    <\/article>\n\n    <!-- ======================================\n         06 \u2014 TONTON DAVID\n         CHACUN SA ROUTE\n         ====================================== -->\n\n    <article class=\"video-carte\">\n\n      <div class=\"video-media\" id=\"tonton-route-media\">\n\n        <button type=\"button\" class=\"youtube-cover\" id=\"tonton-route-cover\" aria-label=\"Lire Chacun sa route\">\n\n          <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/RGQPGjSUQdg\/hqdefault.jpg\" alt=\"Tonton David \u2014 Chacun sa route\" loading=\"lazy\">\n\n          <span class=\"play-rond\">\u25b6<\/span>\n\n        <\/button>\n\n      <\/div>\n\n      <div class=\"video-infos\">\n\n        <span class=\"video-numero\">\n          06 \u2014 CLIP OFFICIEL\n        <\/span>\n\n        <h2 class=\"video-titre\">\n          TONTON DAVID \u2014 CHACUN SA ROUTE\n        <\/h2>\n\n        <p class=\"video-description\">\n\n          Retrouvez le clip officiel\n          \u00ab Chacun sa route \u00bb de Tonton David,\n          avec Geoffrey Oryema et Manu Katch\u00e9.<br>\n\n          <strong style=\"color:#F4A425;\">Yovo:<\/strong>\n\n          Basse &#8211; Programmation Drums\n          &amp; Compositeur.\n\n        <\/p>\n\n        <button type=\"button\" class=\"video-action\" id=\"tonton-route-action\">\n\n          <span class=\"icone-video\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 28 28\">\n              <rect x=\"5\" y=\"8\" width=\"18\" height=\"12\" rx=\"3\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><\/rect>\n              <path d=\"M12 11 L12 17 L18 14 Z\" fill=\"white\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <span>REGARDER LA VID\u00c9O<\/span>\n\n        <\/button>\n\n      <\/div>\n\n    <\/article>\n\n    <!-- ======================================\n         07 \u2014 TONTON DAVID\n         IL MARCHE SEUL\n         ====================================== -->\n\n    <article class=\"video-carte\">\n\n      <div class=\"video-media\" id=\"tonton-marche-media\">\n\n        <button type=\"button\" class=\"youtube-cover\" id=\"tonton-marche-cover\" aria-label=\"Lire Il marche seul\">\n\n          <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/_TWs8V90zcs\/hqdefault.jpg\" alt=\"Tonton David \u2014 Il marche seul\" loading=\"lazy\">\n\n          <span class=\"play-rond\">\u25b6<\/span>\n\n        <\/button>\n\n      <\/div>\n\n      <div class=\"video-infos\">\n\n        <span class=\"video-numero\">\n          07 \u2014 CLIP VID\u00c9O\n        <\/span>\n\n        <h2 class=\"video-titre\">\n          TONTON DAVID \u2014 IL MARCHE SEUL\n        <\/h2>\n\n        <p class=\"video-description\">\n\n          D\u00e9couvrez \u00ab Il marche seul \u00bb\n          interpr\u00e9t\u00e9 par Tonton David,\n          dans l&rsquo;univers musical de cet artiste\n          majeur du reggae francophone.<br>\n\n          <strong style=\"color:#F4A425;\">Yovo:<\/strong>\n\n          Basse &#8211; Compositeur &amp; R\u00e9alisateur.\n          Enregistr\u00e9 \u00e0 Memphis Tennessee.\n\n        <\/p>\n\n        <button type=\"button\" class=\"video-action\" id=\"tonton-marche-action\">\n\n          <span class=\"icone-video\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 28 28\">\n              <rect x=\"5\" y=\"8\" width=\"18\" height=\"12\" rx=\"3\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><\/rect>\n              <path d=\"M12 11 L12 17 L18 14 Z\" fill=\"white\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <span>REGARDER LA VID\u00c9O<\/span>\n\n        <\/button>\n\n      <\/div>\n\n    <\/article>\n\n    <!-- ======================================\n         08 \u2014 TONTON DAVID\n         MA NUMBER ONE\n         ====================================== -->\n\n    <article class=\"video-carte\">\n\n      <div class=\"video-media\" id=\"tonton-number-media\">\n\n        <button type=\"button\" class=\"youtube-cover\" id=\"tonton-number-cover\" aria-label=\"Lire Ma number one\">\n\n          <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/hMmB59CFCbY\/hqdefault.jpg\" alt=\"Tonton David \u2014 Ma number one\" loading=\"lazy\">\n\n          <span class=\"play-rond\">\u25b6<\/span>\n\n        <\/button>\n\n      <\/div>\n\n      <div class=\"video-infos\">\n\n        <span class=\"video-numero\">\n          08 \u2014 CLIP VID\u00c9O\n        <\/span>\n\n        <h2 class=\"video-titre\">\n          TONTON DAVID \u2014 MA NUMBER ONE\n        <\/h2>\n\n        <p class=\"video-description\">\n\n          Retrouvez Tonton David avec\n          \u00ab Ma number one \u00bb, un titre \u00e0 d\u00e9couvrir\n          dans cette collection de clips\n          et de collaborations.<br>\n\n          <strong style=\"color:#F4A425;\">Yovo:<\/strong>\n\n          Basse &#8211; Compositeur &amp; R\u00e9alisateur.\n          Enregistr\u00e9 \u00e0 Memphis Tennessee.\n\n        <\/p>\n\n        <button type=\"button\" class=\"video-action\" id=\"tonton-number-action\">\n\n          <span class=\"icone-video\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 28 28\">\n              <rect x=\"5\" y=\"8\" width=\"18\" height=\"12\" rx=\"3\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><\/rect>\n              <path d=\"M12 11 L12 17 L18 14 Z\" fill=\"white\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <span>REGARDER LA VID\u00c9O<\/span>\n\n        <\/button>\n\n      <\/div>\n\n    <\/article>\n\n    <!-- ======================================\n         09 \u2014 PRINCESS ERIKA\n         SUR LA ROUTE DU REGGAE\n         NOUVEAU CLIP\n         ====================================== -->\n\n    <article class=\"video-carte\">\n\n      <div class=\"video-media\" id=\"princess-erika-media\">\n\n        <button type=\"button\" class=\"youtube-cover\" id=\"princess-erika-cover\" aria-label=\"Lire Princess Erika \u2014 Sur la route du reggae\">\n\n          <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/hbECTYH7fDI\/hqdefault.jpg\" alt=\"Princess Erika \u2014 Sur la route du reggae\" loading=\"lazy\">\n\n          <span class=\"play-rond\">\u25b6<\/span>\n\n        <\/button>\n\n      <\/div>\n\n      <div class=\"video-infos\">\n\n        <span class=\"video-numero\">\n          09 \u2014 CLIP VID\u00c9O\n        <\/span>\n\n        <h2 class=\"video-titre\">\n          PRINCESS ERIKA \u2014 SUR LA ROUTE DU REGGAE\n        <\/h2>\n\n        <p class=\"video-description\">\n\n          Retrouvez Princess Erika dans\n          \u00ab Sur la route du reggae \u00bb,\n          une collaboration musicale\n          autour de l&rsquo;univers reggae.<br>\n\n          <strong style=\"color:#F4A425;\">Yovo: <\/strong>\n\n          Basse &#8211; Programmation Drums &amp; R\u00e9alisateur.\n\n        <\/p>\n\n        <button type=\"button\" class=\"video-action\" id=\"princess-erika-action\">\n\n          <span class=\"icone-video\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 28 28\">\n              <rect x=\"5\" y=\"8\" width=\"18\" height=\"12\" rx=\"3\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"><\/rect>\n              <path d=\"M12 11 L12 17 L18 14 Z\" fill=\"white\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <span>REGARDER LA VID\u00c9O<\/span>\n\n        <\/button>\n\n      <\/div>\n\n    <\/article>\n\n  <\/div>\n\n  <!-- ======================================\n       PIED DE PAGE\n       ====================================== -->\n\n  <footer class=\"videos-fin\">\n\n    <div class=\"videos-fin-ligne\"><\/div>\n\n    <p>\n      YOVO BASSY \u2014 UNIVERS MUSICAL\n    <\/p>\n\n  <\/footer>\n\n<\/section>\n\n<!-- ==========================================\n     JAVASCRIPT COMPLET\n     ========================================== -->\n\n<script>\n\n(function () {\n\n  \"use strict\";\n\n  function initialiserVideos() {\n\n    const racine = document.getElementById(\n      \"yovo-videos\"\n    );\n\n    if (!racine) return;\n\n    if (racine.dataset.videosInitialisees === \"oui\") {\n      return;\n    }\n\n    racine.dataset.videosInitialisees = \"oui\";\n\n    const chercher = function(selecteur) {\n      return racine.querySelector(selecteur);\n    };\n\n    \/* ========================================\n       01 \u2014 NEUF CLIPS DUB PO\u00c9SIE\n       ======================================== *\/\n\n    const clipsPoesie = [\n\n      {\n        nom: \"SOULEYMANE DIAMANKA\",\n        id: \"hqBrj3YJfJo\"\n      },\n\n      {\n        nom: \"ROUDA\",\n        id: \"nRk17kcI0_g\"\n      },\n\n      {\n        nom: \"LUCIOLE\",\n        id: \"Z5s8XZTALPE\"\n      },\n\n      {\n        nom: \"LYOR\",\n        id: \"R2i1abw9KYs\"\n      },\n\n      {\n        nom: \"HUXLAY\",\n        id: \"Bu-fRilrgFM\"\n      },\n\n      {\n        nom: \"JOHN PUCC\",\n        id: \"E8HEBioRXD0\"\n      },\n\n      {\n        nom: \"G\u00c9RARD MENDY\",\n        id: \"Gb2xqIdXrs0\"\n      },\n\n      {\n        nom: \"PAUL WAMO\",\n        id: \"W7PbKpA3RoU\"\n      },\n\n      {\n        nom: \"BAMS\",\n        id: \"JP_4BheszXk\"\n      }\n\n    ];\n\n    \/* ========================================\n       02 \u2014 R\u00c9F\u00c9RENCES DUB PO\u00c9SIE\n       ======================================== *\/\n\n    const grille = chercher(\"#poesie-grille\");\n    const lecteurPoesie = chercher(\"#poesie-lecteur\");\n    const commandesPoesie = chercher(\"#poesie-commandes\");\n    const pochettePoesie = chercher(\".poesie-placeholder\");\n    const boutonPoesie = chercher(\"#poesie-action\");\n\n    let clipActif = 0;\n\n    \/* ========================================\n       03 \u2014 TARATATA MP4\n       ======================================== *\/\n\n    const videosMP4 = [\n\n      {\n        cle: \"fouine\",\n        video: chercher(\"#taratata-video-2\"),\n        bouton: chercher(\"#taratata-action-2\")\n      },\n\n      {\n        cle: \"collegiale2\",\n        video: chercher(\"#taratata-video-3\"),\n        bouton: chercher(\"#taratata-action-3\")\n      }\n\n    ];\n\n    \/* ========================================\n       04 \u2014 VID\u00c9OS YOUTUBE\n       TARATATA + TONTON DAVID + PRINCESS ERIKA\n       ======================================== *\/\n\n    const videosYoutube = [\n\n      {\n        cle: \"taratata-collegiale1\",\n        id: \"wzUBleABTjA\",\n        titre: \"Taratata \u2014 Coll\u00e9giale #1\"\n      },\n\n      {\n        cle: \"tonton-sur\",\n        id: \"-SWckNTgvcs\",\n        titre: \"Tonton David \u2014 S\u00fbr et certain\"\n      },\n\n      {\n        cle: \"tonton-route\",\n        id: \"RGQPGjSUQdg\",\n        titre: \"Tonton David \u2014 Chacun sa route\"\n      },\n\n      {\n        cle: \"tonton-marche\",\n        id: \"_TWs8V90zcs\",\n        titre: \"Tonton David \u2014 Il marche seul\"\n      },\n\n      {\n        cle: \"tonton-number\",\n        id: \"hMmB59CFCbY\",\n        titre: \"Tonton David \u2014 Ma number one\"\n      },\n\n      {\n        cle: \"princess-erika\",\n        id: \"hbECTYH7fDI\",\n        titre: \"Princess Erika \u2014 Sur la route du reggae\"\n      }\n\n    ].map(function(video) {\n\n      return {\n        cle: video.cle,\n        id: video.id,\n        titre: video.titre,\n\n        media: chercher(\n          \"#\" + video.cle + \"-media\"\n        ),\n\n        couverture: chercher(\n          \"#\" + video.cle + \"-cover\"\n        ),\n\n        bouton: chercher(\n          \"#\" + video.cle + \"-action\"\n        )\n      };\n\n    });\n\n    \/* ========================================\n       05 \u2014 CR\u00c9ER LECTEUR YOUTUBE\n       ======================================== *\/\n\n    function creerLecteurYoutube(id, titre) {\n\n      const iframe = document.createElement(\n        \"iframe\"\n      );\n\n      iframe.src =\n        \"https:\/\/www.youtube-nocookie.com\/embed\/\" +\n        encodeURIComponent(id) +\n        \"?autoplay=1&playsinline=1&rel=0\";\n\n      iframe.title = titre;\n\n      iframe.allow =\n        \"accelerometer; autoplay; \" +\n        \"clipboard-write; encrypted-media; \" +\n        \"gyroscope; picture-in-picture; web-share\";\n\n      iframe.allowFullscreen = true;\n\n      iframe.setAttribute(\n        \"referrerpolicy\",\n        \"strict-origin-when-cross-origin\"\n      );\n\n      return iframe;\n\n    }\n\n    \/* ========================================\n       06 \u2014 RESTAURER POCHETTE DUB PO\u00c9SIE\n       ======================================== *\/\n\n    function restaurerPochettePoesie() {\n\n      lecteurPoesie.replaceChildren(\n        pochettePoesie,\n        commandesPoesie\n      );\n\n      lecteurPoesie.classList.remove(\n        \"en-lecture\"\n      );\n\n    }\n\n    \/* ========================================\n       07 \u2014 ARR\u00caTER LES AUTRES VID\u00c9OS\n       ======================================== *\/\n\n    function arreterAutresLecteurs(exception) {\n\n      \/* TARATATA MP4 *\/\n\n      videosMP4.forEach(function(entree) {\n\n        if (\n          entree.video &&\n          exception !== \"mp4-\" + entree.cle\n        ) {\n          entree.video.pause();\n        }\n\n      });\n\n      \/* DUB PO\u00c9SIE *\/\n\n      if (\n        exception !== \"poesie\" &&\n        lecteurPoesie.querySelector(\"iframe\")\n      ) {\n        restaurerPochettePoesie();\n      }\n\n      \/* TOUTES LES VID\u00c9OS YOUTUBE *\/\n\n      videosYoutube.forEach(function(video) {\n\n        if (\n          exception !== \"youtube-\" + video.cle &&\n          video.media &&\n          video.couverture &&\n          video.media.querySelector(\"iframe\")\n        ) {\n          video.media.replaceChildren(\n            video.couverture\n          );\n        }\n\n      });\n\n    }\n\n    \/* ========================================\n       08 \u2014 S\u00c9LECTION DUB PO\u00c9SIE\n       ======================================== *\/\n\n    function selectionnerClip(index) {\n\n      clipActif = index;\n\n      grille.querySelectorAll(\n        \".poesie-bouton\"\n      ).forEach(function(bouton, position) {\n\n        const actif = position === index;\n\n        bouton.classList.toggle(\n          \"actif\",\n          actif\n        );\n\n        bouton.setAttribute(\n          \"aria-pressed\",\n          String(actif)\n        );\n\n      });\n\n    }\n\n    \/* ========================================\n       09 \u2014 LECTURE DUB PO\u00c9SIE\n       ======================================== *\/\n\n    function lancerClipPoesie(index) {\n\n      selectionnerClip(index);\n\n      arreterAutresLecteurs(\"poesie\");\n\n      const clip = clipsPoesie[index];\n\n      lecteurPoesie.replaceChildren(\n        creerLecteurYoutube(\n          clip.id,\n          \"Dub Po\u00e9sie \u2014 \" + clip.nom\n        )\n      );\n\n      lecteurPoesie.classList.add(\n        \"en-lecture\"\n      );\n\n      lecteurPoesie.scrollIntoView({\n\n        behavior: window.matchMedia(\n          \"(prefers-reduced-motion: reduce)\"\n        ).matches ? \"auto\" : \"smooth\",\n\n        block: \"center\"\n\n      });\n\n    }\n\n    \/* ========================================\n       10 \u2014 CR\u00c9ATION DES NEUF VIGNETTES\n       ======================================== *\/\n\n    clipsPoesie.forEach(function(clip, index) {\n\n      const item = document.createElement(\n        \"div\"\n      );\n\n      item.className = \"poesie-item\";\n\n      const bouton = document.createElement(\n        \"button\"\n      );\n\n      bouton.type = \"button\";\n      bouton.className = \"poesie-bouton\";\n\n      bouton.setAttribute(\n        \"aria-label\",\n        \"Lire le clip \" + clip.nom\n      );\n\n      bouton.setAttribute(\n        \"aria-pressed\",\n        \"false\"\n      );\n\n      const vignette = document.createElement(\n        \"div\"\n      );\n\n      vignette.className = \"poesie-vignette\";\n\n      const image = document.createElement(\n        \"img\"\n      );\n\n      image.src =\n        \"https:\/\/i.ytimg.com\/vi\/\" +\n        clip.id +\n        \"\/hqdefault.jpg\";\n\n      image.alt = clip.nom;\n      image.loading = \"lazy\";\n\n      const play = document.createElement(\n        \"span\"\n      );\n\n      play.className = \"poesie-petit-play\";\n      play.textContent = \"\u25b6\";\n\n      play.setAttribute(\n        \"aria-hidden\",\n        \"true\"\n      );\n\n      const nom = document.createElement(\n        \"span\"\n      );\n\n      nom.className = \"poesie-nom\";\n\n      nom.textContent =\n        String(index + 1).padStart(2,\"0\") +\n        \" \u2014 \" + clip.nom;\n\n      vignette.appendChild(image);\n      vignette.appendChild(play);\n\n      bouton.appendChild(vignette);\n      bouton.appendChild(nom);\n\n      item.appendChild(bouton);\n      grille.appendChild(item);\n\n      bouton.addEventListener(\n        \"click\",\n        function() {\n          lancerClipPoesie(index);\n        }\n      );\n\n    });\n\n    \/* ========================================\n       11 \u2014 BOUTON ROUGE DUB PO\u00c9SIE\n       ======================================== *\/\n\n    boutonPoesie.addEventListener(\n      \"click\",\n      function() {\n        lancerClipPoesie(clipActif);\n      }\n    );\n\n    \/* ========================================\n       12 \u2014 TARATATA MP4\n       ======================================== *\/\n\n    videosMP4.forEach(function(entree) {\n\n      const video = entree.video;\n\n      if (!video) return;\n\n      video.addEventListener(\n        \"play\",\n        function() {\n          arreterAutresLecteurs(\n            \"mp4-\" + entree.cle\n          );\n        }\n      );\n\n      if (!entree.bouton) return;\n\n      entree.bouton.addEventListener(\n        \"click\",\n        function() {\n\n          arreterAutresLecteurs(\n            \"mp4-\" + entree.cle\n          );\n\n          const resultat = video.play();\n\n          if (\n            resultat &&\n            typeof resultat.catch === \"function\"\n          ) {\n            resultat.catch(function() {\n              video.controls = true;\n            });\n          }\n\n        }\n      );\n\n    });\n\n    \/* ========================================\n       13 \u2014 LECTURE YOUTUBE\n       TARATATA COLL\u00c9GIALE #1\n       TONTON DAVID\n       PRINCESS ERIKA\n       ======================================== *\/\n\n    videosYoutube.forEach(function(video) {\n\n      if (\n        !video.media ||\n        !video.couverture ||\n        !video.bouton\n      ) {\n        return;\n      }\n\n      function lancer() {\n\n        arreterAutresLecteurs(\n          \"youtube-\" + video.cle\n        );\n\n        video.media.replaceChildren(\n          creerLecteurYoutube(\n            video.id,\n            video.titre\n          )\n        );\n\n      }\n\n      video.bouton.addEventListener(\n        \"click\",\n        lancer\n      );\n\n      video.couverture.addEventListener(\n        \"click\",\n        lancer\n      );\n\n    });\n\n  }\n\n  \/* ========================================\n     14 \u2014 INITIALISATION\n     ======================================== *\/\n\n  if (document.readyState === \"loading\") {\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initialiserVideos\n    );\n\n  } else {\n\n    initialiserVideos();\n\n  }\n\n})();\n\n<\/script>\n\n<!-- ==========================================\n FIN \u2014 PAGE VID\u00c9OS YOVO\n\n MOD\u00c8LE N\u00b04 \u2014 COLLECTION ARTISTIQUE\n\n 3 VID\u00c9OS TARATATA\n 9 CLIPS DUB PO\u00c9SIE\n 4 CLIPS TONTON DAVID\n 1 CLIP PRINCESS ERIKA\n\n TOTAL : 17 VID\u00c9OS\n\n DUB PO\u00c9SIE :\n POCHETTE SANS BORDURE ORANGE\n DEUX PETITS BOUTONS DANS LE CADRE NOIR\n\n MOD\u00c8LE N\u00b03 :\n 3 FL\u00c8CHES ANIM\u00c9ES EN CASCADE \u00c0 GAUCHE\n 3 FL\u00c8CHES ANIM\u00c9ES EN CASCADE \u00c0 DROITE\n\n AUCUN CODE SUPPL\u00c9MENTAIRE N\u00c9CESSAIRE\n ========================================== -->\n","protected":false},"excerpt":{"rendered":"<p>LIVE \u2022 CLIPS \u2022 COLLABORATIONS \u25b6 01 \u2014 TARATATA \u2014 TARATATA \u2014 COLL\u00c9GIALE #1 Retrouvez Yovo dans cette prestation collective enregistr\u00e9e pour Taratata, autour du c\u00e9l\u00e8bre titre \u00ab Rapper&rsquo;s Delight \u00bb. REGARDER LA VID\u00c9O Votre navigateur ne prend pas en charge la vid\u00e9o. 02 \u2014 TARATATA \u2014 LA FOUINE \u2014 TARATATA Retrouvez Yovo aux c\u00f4t\u00e9s [&hellip;]<\/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-34","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7},"has_hero_section":"disabled"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Vid\u00e9os - WordPress<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/yovobassy.com\/index.php\/videos\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vid\u00e9os - WordPress\" \/>\n<meta property=\"og:description\" content=\"LIVE \u2022 CLIPS \u2022 COLLABORATIONS \u25b6 01 \u2014 TARATATA \u2014 TARATATA \u2014 COLL\u00c9GIALE #1 Retrouvez Yovo dans cette prestation collective enregistr\u00e9e pour Taratata, autour du c\u00e9l\u00e8bre titre \u00ab Rapper&rsquo;s Delight \u00bb. REGARDER LA VID\u00c9O Votre navigateur ne prend pas en charge la vid\u00e9o. 02 \u2014 TARATATA \u2014 LA FOUINE \u2014 TARATATA Retrouvez Yovo aux c\u00f4t\u00e9s [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/yovobassy.com\/index.php\/videos\/\" \/>\n<meta property=\"og:site_name\" content=\"WordPress\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-02T23:14:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/yovobassy.com\/wp-content\/uploads\/2026\/10\/IMG_3499.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2172\" \/>\n\t<meta property=\"og:image:height\" content=\"724\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/yovobassy.com\\\/index.php\\\/videos\\\/\",\"url\":\"https:\\\/\\\/yovobassy.com\\\/index.php\\\/videos\\\/\",\"name\":\"Vid\u00e9os - WordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yovobassy.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/yovobassy.com\\\/index.php\\\/videos\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/yovobassy.com\\\/index.php\\\/videos\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yovobassy.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/IMG_3499-1024x341.png\",\"datePublished\":\"2026-08-21T12:15:06+00:00\",\"dateModified\":\"2026-11-02T23:14:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/yovobassy.com\\\/index.php\\\/videos\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/yovobassy.com\\\/index.php\\\/videos\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/yovobassy.com\\\/index.php\\\/videos\\\/#primaryimage\",\"url\":\"https:\\\/\\\/yovobassy.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/IMG_3499.png\",\"contentUrl\":\"https:\\\/\\\/yovobassy.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/IMG_3499.png\",\"width\":2172,\"height\":724},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/yovobassy.com\\\/index.php\\\/videos\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/yovobassy.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vid\u00e9os\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/yovobassy.com\\\/#website\",\"url\":\"https:\\\/\\\/yovobassy.com\\\/\",\"name\":\"WordPress\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/yovobassy.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/yovobassy.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/yovobassy.com\\\/#organization\",\"name\":\"WordPress\",\"url\":\"https:\\\/\\\/yovobassy.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/yovobassy.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/yovobassy.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/4C4AD63E-640E-4338-B4A3-9E3A85516AE2.png\",\"contentUrl\":\"https:\\\/\\\/yovobassy.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/4C4AD63E-640E-4338-B4A3-9E3A85516AE2.png\",\"width\":1536,\"height\":1024,\"caption\":\"WordPress \"},\"image\":{\"@id\":\"https:\\\/\\\/yovobassy.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vid\u00e9os - WordPress","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/yovobassy.com\/index.php\/videos\/","og_locale":"fr_FR","og_type":"article","og_title":"Vid\u00e9os - WordPress","og_description":"LIVE \u2022 CLIPS \u2022 COLLABORATIONS \u25b6 01 \u2014 TARATATA \u2014 TARATATA \u2014 COLL\u00c9GIALE #1 Retrouvez Yovo dans cette prestation collective enregistr\u00e9e pour Taratata, autour du c\u00e9l\u00e8bre titre \u00ab Rapper&rsquo;s Delight \u00bb. REGARDER LA VID\u00c9O Votre navigateur ne prend pas en charge la vid\u00e9o. 02 \u2014 TARATATA \u2014 LA FOUINE \u2014 TARATATA Retrouvez Yovo aux c\u00f4t\u00e9s [&hellip;]","og_url":"https:\/\/yovobassy.com\/index.php\/videos\/","og_site_name":"WordPress","article_modified_time":"2026-11-02T23:14:48+00:00","og_image":[{"width":2172,"height":724,"url":"https:\/\/yovobassy.com\/wp-content\/uploads\/2026\/10\/IMG_3499.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/yovobassy.com\/index.php\/videos\/","url":"https:\/\/yovobassy.com\/index.php\/videos\/","name":"Vid\u00e9os - WordPress","isPartOf":{"@id":"https:\/\/yovobassy.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/yovobassy.com\/index.php\/videos\/#primaryimage"},"image":{"@id":"https:\/\/yovobassy.com\/index.php\/videos\/#primaryimage"},"thumbnailUrl":"https:\/\/yovobassy.com\/wp-content\/uploads\/2026\/10\/IMG_3499-1024x341.png","datePublished":"2026-08-21T12:15:06+00:00","dateModified":"2026-11-02T23:14:48+00:00","breadcrumb":{"@id":"https:\/\/yovobassy.com\/index.php\/videos\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/yovobassy.com\/index.php\/videos\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/yovobassy.com\/index.php\/videos\/#primaryimage","url":"https:\/\/yovobassy.com\/wp-content\/uploads\/2026\/10\/IMG_3499.png","contentUrl":"https:\/\/yovobassy.com\/wp-content\/uploads\/2026\/10\/IMG_3499.png","width":2172,"height":724},{"@type":"BreadcrumbList","@id":"https:\/\/yovobassy.com\/index.php\/videos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/yovobassy.com\/"},{"@type":"ListItem","position":2,"name":"Vid\u00e9os"}]},{"@type":"WebSite","@id":"https:\/\/yovobassy.com\/#website","url":"https:\/\/yovobassy.com\/","name":"WordPress","description":"","publisher":{"@id":"https:\/\/yovobassy.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/yovobassy.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/yovobassy.com\/#organization","name":"WordPress","url":"https:\/\/yovobassy.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/yovobassy.com\/#\/schema\/logo\/image\/","url":"https:\/\/yovobassy.com\/wp-content\/uploads\/2026\/08\/4C4AD63E-640E-4338-B4A3-9E3A85516AE2.png","contentUrl":"https:\/\/yovobassy.com\/wp-content\/uploads\/2026\/08\/4C4AD63E-640E-4338-B4A3-9E3A85516AE2.png","width":1536,"height":1024,"caption":"WordPress "},"image":{"@id":"https:\/\/yovobassy.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/yovobassy.com\/index.php\/wp-json\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yovobassy.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yovobassy.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yovobassy.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yovobassy.com\/index.php\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":43,"href":"https:\/\/yovobassy.com\/index.php\/wp-json\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":2617,"href":"https:\/\/yovobassy.com\/index.php\/wp-json\/wp\/v2\/pages\/34\/revisions\/2617"}],"wp:attachment":[{"href":"https:\/\/yovobassy.com\/index.php\/wp-json\/wp\/v2\/media?parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}