<!doctype html>
<html lang="en">
  <head>
    <style data-vite-theme="" data-inject-first="">:root {
      --background: 0 0% 100%;
--foreground: 20 14.3% 4.1%;
--muted: 60 4.8% 95.9%;
--muted-foreground: 25 5.3% 44.7%;
--popover: 0 0% 100%;
--popover-foreground: 20 14.3% 4.1%;
--card: 0 0% 100%;
--card-foreground: 20 14.3% 4.1%;
--border: 20 5.9% 90%;
--input: 20 5.9% 90%;
--primary: 222 47% 59%;
--primary-foreground: 221 54% 99%;
--secondary: 60 4.8% 95.9%;
--secondary-foreground: 24 9.8% 10%;
--accent: 60 4.8% 95.9%;
--accent-foreground: 24 9.8% 10%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 60 9.1% 97.8%;
--ring: 20 14.3% 4.1%;
--radius: 0.5rem;
  }
  .dark {
      --background: 240 10% 3.9%;
--foreground: 0 0% 98%;
--muted: 240 3.7% 15.9%;
--muted-foreground: 240 5% 64.9%;
--popover: 240 10% 3.9%;
--popover-foreground: 0 0% 98%;
--card: 240 10% 3.9%;
--card-foreground: 0 0% 98%;
--border: 240 3.7% 15.9%;
--input: 240 3.7% 15.9%;
--primary: 222 47% 59%;
--primary-foreground: 221 54% 99%;
--secondary: 240 3.7% 15.9%;
--secondary-foreground: 0 0% 98%;
--accent: 240 3.7% 15.9%;
--accent-foreground: 0 0% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 0 0% 98%;
--ring: 240 4.9% 83.9%;
--radius: 0.5rem;
  }</style>

    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="Viddler is the simple home for educators, coaches, and trainers. Upload your lessons, organize your course library, and share ad-free with your students, clients, or team. Start free."
    />
    <meta
      name="keywords"
      content="video course hosting, online course platform, host training videos, video for educators, coaching video platform, lms video hosting, tutorial hosting"
    />
    <meta property="og:title" content="Viddler - Host & Deliver Your Video Courses and Training" />
    <meta
      property="og:description"
      content="The simple home for educators, coaches, and trainers. Upload lessons, organize your course library, and share ad-free with students, clients, or your team."
    />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://viddler.com" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Viddler - Host & Deliver Your Video Courses and Training" />
    <meta
      name="twitter:description"
      content="The video platform that seamlessly integrates with your website. Customize your player, control the viewing experience, and share content without subscriptions."
    />
    <title>Viddler - Host &amp; Deliver Your Video Courses and Training</title>
    <!-- Favicon -->
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    
    <!-- SEO is now handled server-side for video pages -->
    
    <!-- Google tag (gtag.js) -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-Y04J5ZTJZL"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());

      gtag("config", "G-Y04J5ZTJZL");
    </script>

    <!-- Structured Data for Website -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "Viddler",
        "url": "https://viddler.com",
        "description": "The video platform that seamlessly integrates with your website. Customize your player, control the viewing experience, and share content without subscriptions.",
        "potentialAction": {
          "@type": "SearchAction",
          "target": {
            "@type": "EntryPoint",
            "urlTemplate": "https://viddler.com/search?q={search_term_string}"
          },
          "query-input": "required name=search_term_string"
        }
      }
    </script>

    <!-- Structured Data for Organization -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "Viddler",
        "url": "https://viddler.com",
        "logo": "https://viddler.com/favicon.ico",
        "sameAs": [
          "https://twitter.com/viddler",
          "https://www.linkedin.com/company/viddler"
        ],
        "contactPoint": {
          "@type": "ContactPoint",
          "contactType": "customer service",
          "email": "support@viddler.com"
        }
      }
    </script>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
      rel="stylesheet"
    />
    <script type="module" crossorigin src="/assets/index-B_PGRLNR.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-DehdgFXF.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
