import type { Metadata } from 'next';

export const metadata: Metadata = {
  title: 'YouTube Embed Code Generator - Get Responsive Embed | YTToolkits',
  description: 'Generate responsive YouTube embed codes. Customize autoplay, loop, and controls. Free iframe code generator for websites.',
  keywords: 'youtube embed code generator, youtube responsive embed generator, responsive youtube iframe generator, youtube embed player customization, youtube embed code without controls, youtube embed autoplay code, youtube embed loop code, youtube embed start time code, youtube embed generator online, free youtube embed generator, best youtube embed generator, make youtube video responsive html, youtube iframe generator css, embed youtube video in website, youtube embed player generator, responsive video embed code, embed youtube video without related videos, embed youtube video without title, embed youtube video muted autoplay, youtube responsive iframe code, youtube iframe embed code creator, embed youtube shorts code, responsive youtube embed for wordpress, youtube embed code for webflow, youtube embed code for shopify, youtube embed code for squarespace, youtube embed code for wix, embed youtube video html5, customizable youtube embed player, youtube iframe api embed code, youtube embed generator for pc, youtube embed generator for mac, youtube embed generator for windows, youtube embed generator for linux, youtube embed generator for android, youtube embed generator for iphone, youtube embed generator for ipad, youtube embed generator for ios, youtube embed generator for chrome, youtube embed generator for firefox, youtube embed generator for edge, youtube embed generator for safari, youtube embed generator for chromebook, youtube embed generator app, youtube embed generator software, youtube embed generator website, youtube embed generator tool, youtube embed generator online free, youtube embed generator no ads, youtube embed generator no registration, youtube embed generator fast, youtube embed generator safe, youtube embed generator instant, youtube embed generator accurate, youtube embed generator for web developers, youtube embed generator for designers, youtube embed generator for bloggers, youtube embed code generator 2026, youtube embed code generator 2027, youtube embed code generator 2028, youtube embed code generator 2029, youtube embed code generator 2030, youtube embed code generator 2031, youtube embed code generator 2032, youtube embed code generator 2033, youtube embed code generator 2034, youtube embed code generator 2035, responsive youtube embed 2026, responsive youtube embed 2027, responsive youtube embed 2028, responsive youtube embed 2029, responsive youtube embed 2030, responsive youtube embed 2031, responsive youtube embed 2032, responsive youtube embed 2033, responsive youtube embed 2034, responsive youtube embed 2035, youtube iframe generator 2026, youtube iframe generator 2027, youtube iframe generator 2028, youtube iframe generator 2029, youtube iframe generator 2030, free youtube embed generator 2026, free youtube embed generator 2027, free youtube embed generator 2028, free youtube embed generator 2029, free youtube embed generator 2030, best youtube embed generator 2026, best youtube embed generator 2027, best youtube embed generator 2028, best youtube embed generator 2029, best youtube embed generator 2030, online youtube embed generator 2026, online youtube embed generator 2027, online youtube embed generator 2028, online youtube embed generator 2029, online youtube embed generator 2030, youtube embed generator latest 2026, youtube embed generator latest 2027, youtube embed generator latest 2028, youtube embed generator latest 2029, youtube embed generator latest 2030, youtube embed generator updated 2026, youtube embed generator updated 2027, youtube embed generator updated 2028, youtube embed generator updated 2029, youtube embed generator updated 2030, youtube embed generator new 2026, youtube embed generator new 2027, youtube embed generator new 2028, youtube embed generator new 2029, youtube embed generator new 2030, youtube embed generator working 2026, youtube embed generator working 2027, youtube embed generator working 2028, youtube embed generator working 2029, youtube embed generator working 2030, youtube embed generator 2026 free, youtube embed generator 2027 free, youtube embed generator 2028 free, youtube embed generator 2029 free, youtube embed generator 2030 free, youtube embed generator 2026 online, youtube embed generator 2027 online, youtube embed generator 2028 online, youtube embed generator 2029 online, youtube embed generator 2030 online, youtube embed generator 2026 no ads, youtube embed generator 2027 no ads, youtube embed generator 2028 no ads, youtube embed generator 2029 no ads, youtube embed generator 2030 no ads, youtube embed generator 2026 safe, youtube embed generator 2027 safe, youtube embed generator 2028 safe, youtube embed generator 2029 safe, youtube embed generator 2030 safe, youtube embed generator 2026 fast, youtube embed generator 2027 fast, youtube embed generator 2028 fast, youtube embed generator 2029 fast, youtube embed generator 2030 fast, embed youtube video html 2026, embed youtube video html 2027, embed youtube video html 2028, youtube iframe player 2026, youtube iframe player 2027, youtube iframe player 2028, youtube embed generator 2026 and beyond, youtube embed generator 2027 and beyond, youtube embed generator 2028 and beyond, youtube embed generator 2029 and beyond, youtube embed generator 2030 and beyond, youtube embed generator 2026-2030, youtube embed generator 2026-2035, youtube embed generator upcoming years, youtube embed generator future years, youtube embed generator next year, how to embed youtube video responsive, how to make youtube embed mobile friendly, custom youtube player iframe code, youtube embed without branding, youtube video embed code builder',
  openGraph: {
    title: 'YouTube Embed Code Generator - Get Responsive Embed | YTToolkits',
    description: 'Generate responsive YouTube embed codes. Customize autoplay, loop, and controls. Free iframe code generator for websites.',
    url: 'https://yttoolkits.site/embed-viewer',
    siteName: 'YTToolkits',
    locale: 'en_US',
    type: 'website',
  },
  twitter: {
    card: 'summary_large_image',
    title: 'YouTube Embed Code Generator - Get Responsive Embed | YTToolkits',
    description: 'Generate responsive YouTube embed codes. Customize autoplay, loop, and controls. Free iframe code generator for websites.',
  },
  alternates: {
    canonical: 'https://yttoolkits.site/embed-viewer',
  },
};

export default function Layout({ children }: { children: React.ReactNode }) {
  const schemaOrg = {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "SoftwareApplication",
        "name": "YTToolkits YouTube Embed Code Generator",
        "operatingSystem": "All",
        "applicationCategory": "UtilitiesApplication",
        "offers": {
          "@type": "Offer",
          "price": "0",
          "priceCurrency": "USD"
        },
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": "4.8",
          "ratingCount": "1150"
        },
        "description": "Free online tool to generate responsive HTML iframe embed codes for YouTube videos with custom player controls, start/end timestamps, loop, and autoplay."
      },
      {
        "@type": "HowTo",
        "name": "How to Generate Responsive YouTube Embed Codes",
        "step": [
          {
            "@type": "HowToStep",
            "name": "Enter YouTube Video URL",
            "text": "Paste your YouTube video link or Shorts URL into the generator field."
          },
          {
            "@type": "HowToStep",
            "name": "Customize Embed Options",
            "text": "Configure responsive sizing, autoplay, loop, mute, controls, start and end timestamps."
          },
          {
            "@type": "HowToStep",
            "name": "Preview Responsive Player",
            "text": "Inspect the live embedded preview to confirm player appearance across mobile and desktop breakpoints."
          },
          {
            "@type": "HowToStep",
            "name": "Copy iFrame Code",
            "text": "Copy the generated responsive HTML/CSS iframe code and paste it directly into your website or CMS."
          }
        ]
      },
      {
        "@type": "BreadcrumbList",
        "itemListElement": [
          { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://yttoolkits.site" },
          { "@type": "ListItem", "position": 2, "name": "Tools", "item": "https://yttoolkits.site/tools" },
          { "@type": "ListItem", "position": 3, "name": "Embed Viewer", "item": "https://yttoolkits.site/embed-viewer" }
        ]
      }
    ]
  };

  return (
    <>
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{ __html: JSON.stringify(schemaOrg) }}
      />
      {children}
    </>
  );
}
