-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
18 lines (16 loc) · 1.27 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Progress Tracker</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Wistia Player Progress Tracker</h1>
<!-- Wistia embed code -->
<script src="https://fast.wistia.com/embed/medias/89h4tleuq8.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script><div class="wistia_embed wistia_async_89h4tleuq8 seo=false videoFoam=false" style="height:360px;position:relative;width:640px"><div class="wistia_swatch" style="height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;"><img src="https://fast.wistia.com/embed/medias/89h4tleuq8/swatch" style="filter:blur(5px);height:100%;object-fit:contain;width:100%;" alt="" aria-hidden="true" onload="this.parentNode.style.opacity=1;" /></div></div>
<p style="width: 640px;">This progress tracker should update based on <i>unique viewing progress</i> in a single session. For example, if you watch the first 25% of the video and start over, progress should remain at 25% until you watch past the portion you've already watched.</p>
<script src="progress-tracker.js"></script>
</body>
</html>