diff --git a/site/index.js b/site/index.js
index 5567f3f..a5d2459 100644
--- a/site/index.js
+++ b/site/index.js
@@ -196,6 +196,12 @@ async function initPlayer(usr) {
// Listen for error events.
player.addEventListener('error', onErrorEvent);
+ video.addEventListener('play', () => {
+ document.getElementById('playbtn').style.visibility = 'hidden';
+ });
+ video.addEventListener('pause', () => {
+ document.getElementById('playbtn').style.visibility = 'visible';
+ });
// Try to load a manifest.
// This is an asynchronous process.
try {
diff --git a/templates/user.njk b/templates/user.njk
index b085337..e5ebcb9 100644
--- a/templates/user.njk
+++ b/templates/user.njk
@@ -3,7 +3,7 @@