VIDEO PAGE

CODE (DO NOT VIBE!)

<!doctype html>

<html lang="sr-RS">

<head>

  <meta charset="utf-8" />

  <meta name="viewport" content="width=device-width,initial-scale=1" />

  <title>90% of People Fail at Vibe Coding — Video</title>

  <meta name="description" content="Video: 90% of People Fail at Vibe Coding. Key lesson: most people skip the hard part." />

  <link rel="canonical" href="https://example.com/video/90-percent-fail-vibe-coding" />

  <!-- Open Graph -->

  <meta property="og:type" content="video.other" />

  <meta property="og:title" content="90% of People Fail at Vibe Coding" />

  <meta property="og:description" content="Key lesson: most people skip the hard part." />

  <meta property="og:url" content="https://example.com/video/90-percent-fail-vibe-coding" />

  <meta property="og:image" content="https://img.youtube.com/vi/sLz4mAyykeE/maxresdefault.jpg" />

  <!-- Twitter -->

  <meta name="twitter:card" content="player" />

  <meta name="twitter:title" content="90% of People Fail at Vibe Coding" />

  <meta name="twitter:description" content="Key lesson: most people skip the hard part." />

  <meta name="twitter:image" content="https://img.youtube.com/vi/sLz4mAyykeE/maxresdefault.jpg" />

  <style>

    body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 0; line-height: 1.55; }

    header, main, footer { max-width: 980px; margin: 0 auto; padding: 20px; }

    .video-wrap { position: relative; padding-top: 56.25%; background:#000; border-radius: 16px; overflow: hidden; }

    .video-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

    .chips { display:flex; flex-wrap:wrap; gap:8px; margin: 10px 0 0; }

    .chip { padding:6px 10px; border-radius:999px; border:1px solid rgba(127,127,127,.35); font-size:13px; }

    details { border:1px solid rgba(127,127,127,.35); border-radius:12px; padding:12px 14px; margin-top: 12px; }

    summary { cursor:pointer; font-weight:600; }

    .prose h2 { margin-top: 18px; }

    footer { opacity:.85; font-size:13px; }

  </style>

  <!-- ✅ JSON-LD: WebPage + VideoObject (AI-ready) -->

  <script type="application/ld+json">

  {

    "@context": "https://schema.org",

    "@graph": [

      {

        "@type": "WebSite",

        "@id": "https://example.com/#website",

        "url": "https://example.com/",

        "name": "PLACEHOLDER: Naziv sajta",

        "inLanguage": "sr-RS"

      },

      {

        "@type": "WebPage",

        "@id": "https://example.com/video/90-percent-fail-vibe-coding#webpage",

        "url": "https://example.com/video/90-percent-fail-vibe-coding",

        "name": "90% of People Fail at Vibe Coding",

        "description": "Key lesson: most people skip the hard part.",

        "inLanguage": "sr-RS",

        "isPartOf": { "@id": "https://example.com/#website" },

        "mainEntity": { "@id": "https://example.com/video/90-percent-fail-vibe-coding#video" },

        "primaryImageOfPage": { "@id": "https://img.youtube.com/vi/sLz4mAyykeE/maxresdefault.jpg#primaryimage" },

        "breadcrumb": { "@id": "https://example.com/video/90-percent-fail-vibe-coding#breadcrumb" }

      },

      {

        "@type": "ImageObject",

        "@id": "https://img.youtube.com/vi/sLz4mAyykeE/maxresdefault.jpg#primaryimage",

        "url": "https://img.youtube.com/vi/sLz4mAyykeE/maxresdefault.jpg",

        "width": 1280,

        "height": 720

      },

      {

        "@type": "VideoObject",

        "@id": "https://example.com/video/90-percent-fail-vibe-coding#video",

        "name": "90% of People Fail at Vibe Coding. Here's the Actual Reason: You're Skipping the Hard Part.",

        "description": "PLACEHOLDER: Prepiši/sažmi opis videa u 2–4 rečenice (i ubaci glavne pojmove prirodno).",

        "thumbnailUrl": [

          "https://img.youtube.com/vi/sLz4mAyykeE/maxresdefault.jpg",

          "https://img.youtube.com/vi/sLz4mAyykeE/hqdefault.jpg"

        ],

        "uploadDate": "PLACEHOLDER: 2026-02-08T12:00:00+01:00",

        "duration": "PLACEHOLDER: PT7M30S",

        "embedUrl": "https://www.youtube.com/embed/sLz4mAyykeE",

        "contentUrl": "https://www.youtube.com/watch?v=sLz4mAyykeE",

        "isFamilyFriendly": true,

        "inLanguage": "en",

        "keywords": [

          "vibe coding",

          "AI coding",

          "software development",

          "prompting",

          "agent workflows"

        ],

        "publisher": {

          "@type": "Organization",

          "name": "AI News & Strategy Daily",

          "url": "https://www.youtube.com/"

        },

        "author": {

          "@type": "Person",

          "name": "Nate B. Jones"

        },

        "transcript": "PLACEHOLDER: Ubaci ceo transcript (najbolje), ili bar sažetak + ključne citate."

      },

      {

        "@type": "BreadcrumbList",

        "@id": "https://example.com/video/90-percent-fail-vibe-coding#breadcrumb",

        "itemListElement": [

          { "@type": "ListItem", "position": 1, "name": "Početna", "item": "https://example.com/" },

          { "@type": "ListItem", "position": 2, "name": "Video", "item": "https://example.com/video/" },

          { "@type": "ListItem", "position": 3, "name": "90% of People Fail at Vibe Coding", "item": "https://example.com/video/90-percent-fail-vibe-coding" }

        ]

      }

    ]

  }

  </script>

</head>

<body>

  <header>

    <nav aria-label="Breadcrumb">

      <a href="https://example.com/">Početna</a> / <a href="https://example.com/video/">Video</a> / <span>90% of People Fail at Vibe Coding</span>

    </nav>

  </header>

  <main>

    <article>

      <header>

        <h1>90% of People Fail at Vibe Coding</h1>

        <p>Key lesson: most people skip the hard part. (Ovo je dobar “AI snippet” pasus.)</p>

        <div class="chips" aria-label="Teme">

          <span class="chip">Vibe coding</span>

          <span class="chip">AI development</span>

          <span class="chip">Workflow</span>

        </div>

      </header>

      <!-- ✅ Primary video ABOVE THE FOLD -->

      <section aria-label="Video">

        <div class="video-wrap">

          <iframe

            src="https://www.youtube.com/embed/sLz4mAyykeE"

            title="90% of People Fail at Vibe Coding"

            loading="lazy"

            referrerpolicy="strict-origin-when-cross-origin"

            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"

            allowfullscreen>

          </iframe>

        </div>

      </section>

      <div class="prose">

        <h2>O čemu je video</h2>

        <p>PLACEHOLDER: 2–3 pasusa koji objašnjavaju poruku videa i kome je namenjen. Uključi ključne pojmove prirodno.</p>

        <h2>Ključne tačke</h2>

        <ol>

          <li><a href="?t=0">00:00</a> — Uvod</li>

          <li><a href="?t=45">00:45</a> — Glavna ideja</li>

          <li><a href="?t=240">04:00</a> — Primer / okvir</li>

          <li><a href="?t=390">06:30</a> — Zaključak</li>

        </ol>

        <details>

          <summary>Transcript (klikni za prikaz)</summary>

          <p>PLACEHOLDER: Ubaci transcript. Najbolje u paragrafima.</p>

        </details>

        <h2>Resursi</h2>

        <ul>

          <li><a href="https://www.youtube.com/watch?v=sLz4mAyykeE">YouTube video</a></li>

          <li><a href="https://example.com/related">PLACEHOLDER: related link</a></li>

        </ul>

      </div>

    </article>

  </main>

  <footer>

    <p>© <span id="y"></span> PLACEHOLDER: Naziv sajta</p>

    <script>document.getElementById('y').textContent = new Date().getFullYear();</script>

  </footer>

</body>

</html>