{"id":4790,"date":"2026-04-21T16:00:18","date_gmt":"2026-04-21T14:00:18","guid":{"rendered":"https:\/\/elitepilates.net\/?page_id=4790"},"modified":"2026-04-21T16:04:29","modified_gmt":"2026-04-21T14:04:29","slug":"videos","status":"publish","type":"page","link":"https:\/\/elitepilates.net\/en\/videos\/","title":{"rendered":"videos"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"4790\" class=\"elementor elementor-4790\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e74dc15 e-flex e-con-boxed e-con e-parent\" data-id=\"e74dc15\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd3afc4 elementor-widget elementor-widget-html\" data-id=\"fd3afc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"shorts-section-wrapper\">\r\n  <div class=\"shorts-container\">\r\n    <div class=\"shorts-grid\" id=\"shortsGrid\"><\/div>\r\n    <div class=\"shorts-buttons\">\r\n      <button id=\"loadMoreBtn\">See more<\/button>\r\n      <a href=\"https:\/\/youtube.com\/@elitepilatesmadrid?sub_confirmation=1\" class=\"subscribe-btn\" target=\"_blank\" rel=\"noopener\">\r\n        SUBSCRIBE\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.shorts-section-wrapper {\r\n  width: 100%;\r\n  padding-bottom: 60px;\r\n  margin-bottom: 40px;\r\n  display: block;\r\n  clear: both;\r\n}\r\n.shorts-container {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n  font-family: 'Roboto', sans-serif;\r\n}\r\n.shorts-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 20px;\r\n  margin-bottom: 40px;\r\n}\r\n.shorts-grid iframe {\r\n  width: 100%;\r\n  aspect-ratio: 9 \/ 16;\r\n  border-radius: 8px;\r\n  border: none;\r\n  background: #f0f0f0;\r\n}\r\n.shorts-buttons {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 20px;\r\n  flex-wrap: wrap;\r\n}\r\n#loadMoreBtn, .subscribe-btn {\r\n  padding: 15px 35px;\r\n  border-radius: 0px;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease-in-out;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  min-width: 220px;\r\n  box-sizing: border-box;\r\n}\r\n#loadMoreBtn {\r\n  background: #000;\r\n  color: #fff;\r\n  border: 2px solid #000;\r\n}\r\n.subscribe-btn {\r\n  background: #fff;\r\n  color: #000;\r\n  border: 2px solid #000;\r\n}\r\n#loadMoreBtn:hover {\r\n  background: #333;\r\n  border-color: #333;\r\n}\r\n.subscribe-btn:hover {\r\n  background: #000;\r\n  color: #fff;\r\n}\r\n@media (max-width: 900px) {\r\n  .shorts-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 600px) {\r\n  .shorts-section-wrapper { padding-bottom: 80px; }\r\n  .shorts-grid {\r\n    grid-template-columns: 1fr;\r\n    max-width: 320px;\r\n    margin: 0 auto 30px auto;\r\n  }\r\n  .shorts-buttons {\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    width: 100%;\r\n  }\r\n  #loadMoreBtn, .subscribe-btn {\r\n    width: 90%;\r\n    max-width: 300px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nconst CHANNEL_ID = 'UCFMbfJYTnYXupFtPXpIKfKQ';\r\nconst API_KEY = 'AIzaSyAQDjDEPE09fLzLTEnUtngl5WB2BhQeHDM';\r\nlet loadedVideosCount = 3;\r\nlet allVideos = [];\r\n\r\nconst shortsGrid = document.getElementById('shortsGrid');\r\nconst loadMoreBtn = document.getElementById('loadMoreBtn');\r\n\r\nfunction loadVideos() {\r\n  fetch(`https:\/\/www.googleapis.com\/youtube\/v3\/search?part=snippet&channelId=${CHANNEL_ID}&maxResults=50&order=date&type=video&key=${API_KEY}`)\r\n    .then(response => response.json())\r\n    .then(data => {\r\n      allVideos = data.items || [];\r\n      renderVideos(loadedVideosCount);\r\n      if (allVideos.length <= loadedVideosCount) {\r\n        loadMoreBtn.style.display = 'none';\r\n      }\r\n    })\r\n    .catch(err => {\r\n      console.error('Error:', err);\r\n      shortsGrid.innerHTML = '<p style=\"text-align:center\">Error al cargar videos.<\/p>';\r\n    });\r\n}\r\n\r\nfunction renderVideos(count) {\r\n  const toShow = allVideos.slice(0, count);\r\n  shortsGrid.innerHTML = toShow.map(v => `\r\n    <iframe\r\n      src=\"https:\/\/www.youtube.com\/embed\/${v.id.videoId}?rel=0&modestbranding=1\"\r\n      allowfullscreen>\r\n    <\/iframe>\r\n  `).join('');\r\n}\r\n\r\nloadMoreBtn.addEventListener('click', () => {\r\n  loadedVideosCount += 3;\r\n  renderVideos(loadedVideosCount);\r\n  if (loadedVideosCount >= allVideos.length) {\r\n    loadMoreBtn.style.display = 'none';\r\n  }\r\n});\r\n\r\nloadVideos();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>SEE MORE SUBSCRIBE<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-4790","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/elitepilates.net\/en\/wp-json\/wp\/v2\/pages\/4790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elitepilates.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elitepilates.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elitepilates.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elitepilates.net\/en\/wp-json\/wp\/v2\/comments?post=4790"}],"version-history":[{"count":4,"href":"https:\/\/elitepilates.net\/en\/wp-json\/wp\/v2\/pages\/4790\/revisions"}],"predecessor-version":[{"id":4794,"href":"https:\/\/elitepilates.net\/en\/wp-json\/wp\/v2\/pages\/4790\/revisions\/4794"}],"wp:attachment":[{"href":"https:\/\/elitepilates.net\/en\/wp-json\/wp\/v2\/media?parent=4790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}