Skip to content

Instantly share code, notes, and snippets.

@Sharpiro

Sharpiro/img_viewer.html

Last active August 23, 2019 19:44
Show Gist options
  • Save Sharpiro/341b261f409a9601ff211d21fb7d6d6c to your computer and use it in GitHub Desktop.
Save Sharpiro/341b261f409a9601ff211d21fb7d6d6c to your computer and use it in GitHub Desktop.
Download ZIP
static image viewer
Raw
img_viewer.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta property="og:image" content="" />
<meta property="og:title" content="Image Viewer" />
<meta property="og:description" content="" />
<link rel="image_src" href="">
</head>
<body style="background-color: black; height:100%;">
<div style="height: 90vh; display: flex;">
<div style="margin: auto">
<video id="videoEl" style="width: 100%" src="" autoplay muted loop playsinline />
</div>
</div>
<script>
const url = new URL(window.location.href);
const img = url.searchParams.get("img");
videoEl.src = img
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment