Skip to content

Instantly share code, notes, and snippets.

@Krasipeace

Krasipeace/animatedBackground.html

Created November 24, 2023 19:13
Show Gist options
  • Save Krasipeace/9fcc0f4354ebfc8bece57efefd2d981c to your computer and use it in GitHub Desktop.
Save Krasipeace/9fcc0f4354ebfc8bece57efefd2d981c to your computer and use it in GitHub Desktop.
Download ZIP
VideoToBackgroundInHtml
Raw
animatedBackground.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Animated Background</title>
</head>
<body>
<div id="space-background">
<video playsinline="" autoplay="" muted="" loop=""
poster="https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/items/504400/ac6891f4a16e9dfbdfef65dc5672b01cc1abf271.jpg">
<source
src="https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/items/504400/6b570a8ece2b844f3a8724da571cd6b527a4793c.webm"
type="video/webm">
<source
src="https://cdn.cloudflare.steamstatic.com/steamcommunity/public/images/items/504400/2b0792025824dfe8a1aa161ebe74ddee128d39cd.mp4"
type="video/mp4">
</video>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment