diff --git a/js/components.js b/js/components.js
index ac66b99..b7fd95f 100644
--- a/js/components.js
+++ b/js/components.js
@@ -74,7 +74,7 @@ const components = {
 		return element("div", { classNames: ["player"] }, [
 			element("div", { content: video.metadata.title, classNames: ["player-title"] }),
 			element("div", { content: video.metadata.author, classNames: ["player-author"] }),
-			element("video", { attributes: { "poster": API_URL + "/library/video/" + encodeURIComponent(video.id) + "/thumbnail" } }, [
+			element("video", { attributes: { "poster": API_URL + "/library/video/" + encodeURIComponent(video.id) + "/thumbnail", "controls": "" } }, [
 				element("source", { attributes: { "src": streamURL } })
 			]),
 			element("button", { onClick: downloadVideo }, [
diff --git a/style/components.css b/style/components.css
index a3ec20b..d9cb9a3 100644
--- a/style/components.css
+++ b/style/components.css
@@ -60,6 +60,7 @@
 }
 
 .player>video {
+	width: 1000px;
 	max-width: 100%;
 }
 
diff --git a/style/watch.css b/style/watch.css
index e69de29..8b13789 100644
--- a/style/watch.css
+++ b/style/watch.css
@@ -0,0 +1 @@
+