Skip to content

Instantly share code, notes, and snippets.

@pbuzdin

pbuzdin/index.html

Created August 28, 2021 16:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pbuzdin/9b40892cef84463c1b74376e072d9657 to your computer and use it in GitHub Desktop.
Save pbuzdin/9b40892cef84463c1b74376e072d9657 to your computer and use it in GitHub Desktop.
Download ZIP
html5 video banner // source https://jsbin.com/vilidew
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>html5 video banner</title>
<meta name="ad.size" content="width=1920,height=1080">
<script>
var cсlickTag = "http://www.google.com";
</script>
<style>
html,
body {
margin: 0;
padding: 0
}
a {
display: flex;
margin: auto;
max-width: 1920px;
}
a,
video {
width: 100%;
}
</style>
</head>
<body>
<a href="javascript:void(window.open(cсlickTag))">
<video src="https://spletnik.ru/branding/banners/20s-last-version-MOA-VILLA-RESORT-video-20sec-modified.mp4" poster="data:image/jpeg;base64,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" autoplay muted loop playsinline disableRemotePlayback></video>
</a>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment