{"id":1470,"date":"2024-04-11T13:47:24","date_gmt":"2024-04-11T13:47:24","guid":{"rendered":"https:\/\/ctmdefense.es\/?page_id=1470"},"modified":"2025-11-01T21:06:21","modified_gmt":"2025-11-01T22:06:21","slug":"videos-para-socios","status":"publish","type":"page","link":"https:\/\/ctmdefense.es\/index.php\/videos-para-socios\/","title":{"rendered":"VIDEOS PARA SOCIOS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1470\" class=\"elementor elementor-1470\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0a82a4 e-flex e-con-boxed e-con e-parent\" data-id=\"f0a82a4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31627fd elementor-widget elementor-widget-html\" data-id=\"31627fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- === DEFENSE TV (actualizado con 5 botones de canal) === -->\r\n<section class=\"defense-tv\">\r\n  <div class=\"tv-wrapper compact\">\r\n    <div class=\"bg-anim\"><\/div>\r\n\r\n    <header class=\"tv-header\">\r\n      <div class=\"branding\">\r\n        <div class=\"logo\">DEFENSE<span>TV<\/span><\/div>\r\n        <p class=\"tagline\">\r\n          Partido en directo \u2022 Repetici\u00f3n en bucle\r\n          <span class=\"dot\"><\/span>\r\n          <span class=\"live-counter\" id=\"viewerCount\">\ud83d\udc41\ufe0f 0<\/span>\r\n        <\/p>\r\n      <\/div>\r\n      <a class=\"subscribe-btn\" href=\"https:\/\/www.youtube.com\/@tmdefense1995?sub_confirmation=1\" target=\"_blank\" rel=\"noopener\">Suscr\u00edbete<\/a>\r\n    <\/header>\r\n\r\n    <main class=\"tv-stage\">\r\n      <div class=\"player-shell\">\r\n        <!-- Selector de canal -->\r\n        <div class=\"channel-switcher\">\r\n          <button class=\"channel-btn active\" data-video=\"tvp9sGtpFFk\">Canal 1<\/button>\r\n          <button class=\"channel-btn\" data-video=\"h8K6XwlfgmM\">Canal 2<\/button>\r\n          <button class=\"channel-btn\" data-video=\"yCH_yLB1tio\">Defense Casa Chicho \u2013 Univ. La Laguna<\/button>\r\n          <button class=\"channel-btn\" data-video=\"okWX0Do-i1k\">Canal 4<\/button>\r\n          <button class=\"channel-btn\" data-video=\"FKc8tBMZork\">Canal 5<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"player-ratio\">\r\n          <iframe\r\n            id=\"yt-embed\"\r\n            src=\"https:\/\/www.youtube.com\/embed\/tvp9sGtpFFk?autoplay=1&mute=1&loop=1&playlist=tvp9sGtpFFk&controls=1&rel=0&modestbranding=1&playsinline=1&enablejsapi=1\"\r\n            title=\"Defense TV\"\r\n            allow=\"autoplay; encrypted-media; picture-in-picture; fullscreen\"\r\n            loading=\"lazy\"\r\n            referrerpolicy=\"strict-origin-when-cross-origin\"\r\n            style=\"position:absolute; inset:0; width:100%; height:100%; border:0;\"\r\n          ><\/iframe>\r\n        <\/div>\r\n\r\n        <div class=\"controls\">\r\n          <div class=\"group\">\r\n            <button id=\"toggleSound\" class=\"pill\">\ud83d\udd0a Sonido<\/button>\r\n            <button id=\"replayBtn\" class=\"pill\">\u27f2<\/button>\r\n          <\/div>\r\n          <div class=\"group music\">\r\n            <button id=\"toggleMusic\" class=\"pill\">\u25b6 M\u00fasica<\/button>\r\n            <label class=\"slider-wrap\">\r\n              <span>Vol<\/span>\r\n              <input id=\"musicVolume\" type=\"range\" min=\"0\" max=\"1\" step=\"0.01\" value=\"0.3\" \/>\r\n            <\/label>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hint\">V\u00eddeo inicia en silencio. Usa \ud83d\udd0a para activar.<\/div>\r\n      <\/div>\r\n    <\/main>\r\n\r\n    <footer class=\"tv-footer\">\r\n      <p class=\"copyright\">\u00a9 <span id=\"year\"><\/span> Defense TV \u2014 @tmdefense1995<\/p>\r\n    <\/footer>\r\n  <\/div>\r\n\r\n  <audio id=\"bgm\" preload=\"auto\" loop src=\"https:\/\/ctmdefense.es\/wp-content\/uploads\/2025\/09\/Musica-epica-64-La-gran-batalla-No-Copyright.mp3\"><\/audio>\r\n<\/section>\r\n\r\n<style>\r\n.defense-tv {\r\n  --glass: rgba(255,255,255,.06);\r\n  --glass-strong: rgba(255,255,255,.12);\r\n  --stroke: rgba(255,255,255,.18);\r\n  --txt: #eef2ff;\r\n  --accent: #6ee7ff;\r\n  --accent-2: #8b5cf6;\r\n  --good: #22c55e;\r\n  --shadow: 0 10px 30px rgba(0,0,0,.35);\r\n  color: var(--txt);\r\n  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial;\r\n  overflow-x: hidden;\r\n}\r\n\r\n.defense-tv .tv-wrapper{position:relative;isolation:isolate;min-height:100%;display:flex;flex-direction:column;background:#070b14;overflow:hidden;padding:0 10px;}\r\n.defense-tv .tv-wrapper.compact{margin:0 auto;max-width:980px;}\r\n.defense-tv .bg-anim{position:absolute;inset:0;overflow:hidden;}\r\n.defense-tv .bg-anim::before,\r\n.defense-tv .bg-anim::after{\r\n  content:\"\";position:absolute;inset:-25%;\r\n  background:conic-gradient(from 180deg at 50% 50%,rgba(139,92,246,.08),rgba(110,231,255,.06),rgba(139,92,246,.08));\r\n  filter:blur(70px);animation:defspin 40s linear infinite;will-change:transform;\r\n}\r\n.defense-tv .bg-anim::after{animation-direction:reverse;opacity:.6;}\r\n@keyframes defspin{to{transform:rotate(360deg)}}\r\n\r\n.defense-tv .tv-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0;z-index:5;}\r\n.defense-tv .branding{display:flex;flex-direction:column;}\r\n.defense-tv .logo{font-weight:800;font-size:18px;}\r\n.defense-tv .logo span{color:var(--accent);}\r\n.defense-tv .tagline{font-size:11px;opacity:.8;display:flex;gap:5px;align-items:center;}\r\n.defense-tv .dot{width:6px;height:6px;background:var(--good);border-radius:50%;}\r\n.defense-tv .live-counter{font-size:11px;padding:2px 5px;border-radius:999px;background:var(--glass);}\r\n.defense-tv .subscribe-btn{padding:6px 10px;font-size:12px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#081018;font-weight:700;}\r\n\r\n.defense-tv .tv-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:6px 0;}\r\n.defense-tv .player-shell{width:100%;max-width:900px;position:relative;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);}\r\n.defense-tv .player-ratio{position:relative;width:100%;aspect-ratio:16\/9;background:#000;}\r\n.defense-tv #yt-embed{position:absolute;inset:0;width:100%;height:100%;}\r\n\r\n.defense-tv .controls{position:absolute;left:6px;right:6px;bottom:8px;display:flex;justify-content:space-between;font-size:12px;}\r\n.defense-tv .group{display:flex;gap:5px;}\r\n.defense-tv .pill{padding:5px 8px;border-radius:999px;background:var(--glass-strong);border:1px solid var(--stroke);font-size:11px;}\r\n.defense-tv .slider-wrap{display:flex;align-items:center;gap:4px;font-size:11px;}\r\n.defense-tv .slider-wrap input{width:90px;}\r\n.defense-tv .hint{position:absolute;top:6px;left:6px;font-size:10px;background:var(--glass);padding:3px 6px;border-radius:8px;}\r\n\r\n.defense-tv .tv-footer{text-align:center;font-size:11px;padding:6px 0;}\r\n\r\n.defense-tv .channel-switcher{display:flex;justify-content:center;gap:6px;background:var(--glass);padding:4px;flex-wrap:wrap;}\r\n.defense-tv .channel-btn{padding:4px 10px;border:1px solid var(--stroke);border-radius:999px;background:var(--glass-strong);color:var(--txt);font-size:12px;cursor:pointer;transition:background .2s;}\r\n.defense-tv .channel-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#081018;font-weight:700;}\r\n.defense-tv .channel-btn:hover{background:var(--glass-strong);}\r\n<\/style>\r\n\r\n<script>\r\ndocument.querySelector(\".defense-tv #year\").textContent = new Date().getFullYear();\r\n\r\n\/* M\u00fasica *\/\r\n{\r\n  const root = document.querySelector(\".defense-tv\");\r\n  const bgm = root.querySelector(\"#bgm\");\r\n  const toggleMusic = root.querySelector(\"#toggleMusic\");\r\n  const vol = root.querySelector(\"#musicVolume\");\r\n  toggleMusic.addEventListener(\"click\", async () => {\r\n    if (bgm.paused) {\r\n      bgm.volume = parseFloat(vol.value || 0.3);\r\n      try { await bgm.play(); } catch(e){}\r\n      toggleMusic.textContent = \"\u23f8 M\u00fasica\";\r\n    } else {\r\n      bgm.pause();\r\n      toggleMusic.textContent = \"\u25b6 M\u00fasica\";\r\n    }\r\n  });\r\n  vol.addEventListener(\"input\", () => { bgm.volume = parseFloat(vol.value); });\r\n}\r\n\r\n\/* YouTube y controles *\/\r\n{\r\n  const root = document.querySelector(\".defense-tv\");\r\n  const yt = root.querySelector(\"#yt-embed\");\r\n  const sendCmd = (f, a = []) => {\r\n    yt.contentWindow &&\r\n      yt.contentWindow.postMessage(JSON.stringify({ event: \"command\", func: f, args: a }), \"*\");\r\n  };\r\n  let sonido = false;\r\n  const toggleSound = root.querySelector(\"#toggleSound\");\r\n  toggleSound.addEventListener(\"click\", () => {\r\n    if (sonido) {\r\n      sendCmd(\"mute\"); sonido = false; toggleSound.textContent = \"\ud83d\udd07 Silencio\";\r\n    } else {\r\n      sendCmd(\"unMute\"); sendCmd(\"setVolume\", [100]); sendCmd(\"playVideo\");\r\n      sonido = true; toggleSound.textContent = \"\ud83d\udd0a Sonido\";\r\n    }\r\n  });\r\n  root.querySelector(\"#replayBtn\").addEventListener(\"click\", () => {\r\n    sendCmd(\"seekTo\", [0, true]); sendCmd(\"playVideo\");\r\n  });\r\n\r\n  (function () {\r\n    const el = root.querySelector(\"#viewerCount\");\r\n    let base = 150 + Math.floor(Math.random() * 80);\r\n    const tick = () => {\r\n      base = Math.max(30, base + Math.floor((Math.random() - 0.5) * 8));\r\n      el.textContent = `\ud83d\udc41\ufe0f ${base}`;\r\n      setTimeout(tick, 3500);\r\n    };\r\n    tick();\r\n  })();\r\n\r\n  \/* Cambio de canal *\/\r\n  const channelButtons = root.querySelectorAll(\".channel-btn\");\r\n  channelButtons.forEach((btn) => {\r\n    btn.addEventListener(\"click\", () => {\r\n      channelButtons.forEach((b) => b.classList.remove(\"active\"));\r\n      btn.classList.add(\"active\");\r\n      const videoId = btn.dataset.video;\r\n      yt.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&mute=${sonido ? 0 : 1}&loop=1&playlist=${videoId}&controls=1&rel=0&modestbranding=1&playsinline=1&enablejsapi=1`;\r\n    });\r\n  });\r\n}\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d048b34 e-flex e-con-boxed e-con e-parent\" data-id=\"d048b34\" 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-a54e620 elementor-widget elementor-widget-html\" data-id=\"a54e620\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <title>Galer\u00eda de Videos<\/title>\r\n  <style>\r\n    .video-container {\r\n      text-align: center;\r\n      margin-bottom: 20px;\r\n    }\r\n    iframe {\r\n      width: 560px;\r\n      height: 315px;\r\n      border: none;\r\n    }\r\n    .thumbnails {\r\n      display: flex;\r\n      gap: 10px;\r\n      justify-content: center;\r\n      flex-wrap: wrap;\r\n    }\r\n    .thumbnails img {\r\n      width: 120px;\r\n      cursor: pointer;\r\n      border-radius: 8px;\r\n      transition: transform 0.2s;\r\n    }\r\n    .thumbnails img:hover {\r\n      transform: scale(1.05);\r\n    }\r\n    button {\r\n      margin-top: 10px;\r\n      padding: 10px 20px;\r\n      border: none;\r\n      background: #cc0000;\r\n      color: white;\r\n      border-radius: 6px;\r\n      cursor: pointer;\r\n    }\r\n    button:hover {\r\n      background: #ff0000;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"video-container\">\r\n  <!-- Iframe vac\u00edo hasta que se pulse play -->\r\n  <iframe id=\"player\" src=\"\" allow=\"encrypted-media\" allowfullscreen><\/iframe><br>\r\n  <button onclick=\"playSelected()\">\u25b6 Reproducir<\/button>\r\n<\/div>\r\n\r\n<div class=\"thumbnails\">\r\n  <!-- Miniaturas de YouTube -->\r\n  <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/6dEkezfhY78\/0.jpg\" onclick=\"selectVideo('6dEkezfhY78')\">\r\n  <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/swIipmU6xKE\/0.jpg\" onclick=\"selectVideo('swIipmU6xKE')\">\r\n  <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/5YwbIx_OAJU\/0.jpg\" onclick=\"selectVideo('5YwbIx_OAJU')\">\r\n  <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/-VqqKKB1-B0\/0.jpg\" onclick=\"selectVideo('-VqqKKB1-B0')\">\r\n  <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/E7qcYrtrAMQ\/0.jpg\" onclick=\"selectVideo('E7qcYrtrAMQ')\">\r\n<\/div>\r\n\r\n<script>\r\n  let selectedVideo = null;\r\n\r\n  function selectVideo(videoId) {\r\n    selectedVideo = videoId;\r\n    document.getElementById(\"player\").src = \"\"; \/\/ Limpiamos hasta que se pulse play\r\n  }\r\n\r\n  function playSelected() {\r\n    if (selectedVideo) {\r\n      document.getElementById(\"player\").src =\r\n        \"https:\/\/www.youtube.com\/embed\/\" + selectedVideo +\r\n        \"?autoplay=1&rel=0&modestbranding=1&showinfo=0\";\r\n    } else {\r\n      alert(\"Selecciona un video primero \ud83d\ude0a\");\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9126ebe e-flex e-con-boxed e-con e-parent\" data-id=\"9126ebe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DEFENSETV Partido en directo \u2022 Repetici\u00f3n en bucle \ud83d\udc41\ufe0f 0 Suscr\u00edbete Canal 1 Canal 2 Defense Casa Chicho \u2013 Univ.&hellip; <a class=\"continue\" href=\"https:\/\/ctmdefense.es\/index.php\/videos-para-socios\/\">Seguir leyendo<span> VIDEOS PARA SOCIOS<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"h5ap_radio_sources":[],"footnotes":""},"class_list":["post-1470","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ctmdefense.es\/index.php\/wp-json\/wp\/v2\/pages\/1470","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ctmdefense.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ctmdefense.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ctmdefense.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ctmdefense.es\/index.php\/wp-json\/wp\/v2\/comments?post=1470"}],"version-history":[{"count":37,"href":"https:\/\/ctmdefense.es\/index.php\/wp-json\/wp\/v2\/pages\/1470\/revisions"}],"predecessor-version":[{"id":5514,"href":"https:\/\/ctmdefense.es\/index.php\/wp-json\/wp\/v2\/pages\/1470\/revisions\/5514"}],"wp:attachment":[{"href":"https:\/\/ctmdefense.es\/index.php\/wp-json\/wp\/v2\/media?parent=1470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}