diff --git a/README.md b/README.md
index 4548fa6..63627db 100644
--- a/README.md
+++ b/README.md
@@ -22,12 +22,13 @@ Once the extension is installed simply navigate to any page that offers HTML5 vi
* **R** - reset playback speed.
* **Z** - rewind video by 10 seconds.
* **X** - advance video by 10 seconds.
+* **V** - show/hide the controller.
Note that you can customize these shortcuts in the extension settings page. Also, a few tips for enabling and forcing HTML5 video:
* YouTube: make sure you [enable the HTML5 opt-in experiment](http://www.youtube.com/html5).
* If you're adventurous, try disabling the Flash plugin in Chrome in chrome://plugins/
- * If viewing a video on Wistia, right click to switch to HTML5 video, refresh the page, and the controls will appear.
+ * If viewing a video on Wistia, right click to switch to HTML5 video, refresh the page, and the controls will appear.
### FAQ
diff --git a/manifest.json b/manifest.json
index 2fb1a1c..877ff13 100755
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
{
"name": "Video Speed Controller",
"short_name": "videospeed",
- "version": "0.3.3",
+ "version": "0.4.0",
"manifest_version": 2,
"description": "Speed up, slow down, advance and rewind any HTML5 video with quick shortcuts.",
"homepage_url": "https://github.com/igrigorik/videospeed",
diff --git a/popup.css b/popup.css
index 35b7349..74bfe99 100644
--- a/popup.css
+++ b/popup.css
@@ -7,17 +7,23 @@ hr {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.3);
+ margin: 0.6em 0;
}
button {
- width: 100%;
- background-image: linear-gradient(#EDEDED, #EDEDED 38%, #DEDEDE);
- border: 1px solid rgba(0,0,0,0.25);
- border-radius: 2px;
- outline: none;
- box-shadow: 0 1px 0 rgba(0,0,0,0.08), inset 0 1px 2px rgba(255,255,255,0.75);
- color: #444;
- text-shadow: 0 1px 0 rgb(240,240,240);
- font: inherit;
- user-select: none;
-}
+ width: 100%;
+ background-image: linear-gradient(#EDEDED, #EDEDED 38%, #DEDEDE);
+ border: 1px solid rgba(0,0,0,0.25);
+ border-radius: 2px;
+ outline: none;
+ box-shadow: 0 1px 0 rgba(0,0,0,0.08), inset 0 1px 2px rgba(255,255,255,0.75);
+ color: #444;
+ text-shadow: 0 1px 0 rgb(240,240,240);
+ font: inherit;
+ user-select: none;
+}
+
+.secondary {
+ font-size: 0.95em;
+ margin: 0.15em 0;
+}
diff --git a/popup.html b/popup.html
index cb51755..9fd9ae0 100644
--- a/popup.html
+++ b/popup.html
@@ -6,9 +6,9 @@
-
+
-
-
+
+