<!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="The video platform that seamlessly integrates with your website. Customize your player, control the viewing experience, and share content without subscriptions. Simple tools for creators and businesses who want their videos to look perfect where they belong."
    />
    <meta
      name="keywords"
      content="video hosting, content monetization, video platform, video sharing, content creator platform, pay-per-view videos"
    />
    <meta property="og:title" content="viddler - simple free video hosting" />
    <meta
      property="og:description"
      content="The video platform that seamlessly integrates with your website. Customize your player, control the viewing experience, and share content without subscriptions."
    />
    <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 - simple free video hostingm" />
    <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 - simple free video hosting</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-BH_2Gm3S.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-704HXJQM.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
