JavaScript-projects/bg-video/index.html at main · masaudahmod/JavaScript-projects · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="description"
      content="Discover an engaging video background experience with interactive elements. Explore my JavaScript projects on GitHub."
    />
    <meta
      name="keywords"
      content="video background, web design, JavaScript projects, Masaud Ahmod, frontend development"
    />
    <meta name="author" content="Masaud Ahmod" />
    <meta property="og:title" content="Back Video - Masaud Ahmod" />
    <meta
      property="og:description"
      content="An interactive web page with a stunning video background."
    />
    <meta property="og:image" content="https://masaudahmod.com/" />
    <meta
      property="og:url"
      content="https://github.com/masaudahmod/JavaScript-projects/tree/main/bg-video"
    />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Interactive Video Background | Masaud Ahmod's Web Project</title>

    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <section class="hero">
      <video autoplay loop muted playsinline class="back_video" loading="lazy">
        <!-- <source src="assets/VID20221124150855.mp4"> -->
        <source
          src="https://cdn.pixabay.com/video/2024/03/12/203923-922675870_large.mp4"
        /></video
      >`
      <section class="content">
        <!-- <h1>With Ammu</h1> -->
        <h1>Hover Me <span>masaud</span></h1>
        <a
          href="https://github.com/masaudahmod/JavaScript-projects"
          target="_blank"
          rel="noopener noreferrer"
          >Explore My JavaScript Projects</a
        >
      </section>
    </section>

    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebPage",
        "name": "Interactive Video Background",
        "description": "An interactive webpage with a dynamic video background.",
        "author": {
          "@type": "Person",
          "name": "Masaud Ahmod"
        }
      }
    </script>
  </body>
</html>