scrolly-video
Version:
A component for scroll-based (or other externally controlled) playback.
56 lines (43 loc) • 2.09 kB
HTML
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>ScrollyVideo.js</title>
<link rel="icon" href="/favicon.png" type="image/png">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<meta name="title" content="ScrollyVideo.js">
<meta name="keywords" content="javascript, scrollytelling, video, html5">
<meta name="description" content="Responsive scrollable videos without obscure video encoding requirements. Compatible with React, Svelte, Vue, and plain HTML.">
<meta property="og:title" content="ScrollyVideo.js">
<meta property="og:type" content="article" />
<meta property="og:url" content="https://scrollyvideo.js.org/" />
<meta property="og:image" content="https://scrollyvideo.js.org/meta-image.jpg" />
<meta property="og:site_name" content="ScrollyVideo.js" />
<meta property="og:locale" content="en-US" />
<meta property="og:description" content="Responsive scrollable videos without obscure video encoding requirements. Compatible with React, Svelte, Vue, and plain HTML.">
<meta name="twitter:image" content="https://scrollyvideo.js.org/meta-image.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="ScrollyVideo.js" />
<meta name="twitter:description" content="Responsive scrollable videos without obscure video encoding requirements. Compatible with React, Svelte, Vue, and plain HTML.">
<link rel='stylesheet' href='reset.css'>
<link rel='stylesheet' href='markdown.css'>
<link rel='stylesheet' href='bundle.css'>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<script defer src="docs.js"></script>
<style>
html, body {
margin: 0;
padding: 0;
font: 16px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
line-height: 1.4em;
}
h1 {
font-size: 2em;
font-weight: bold;
}
</style>
</head>
<body></body>
</html>