add faq to configure page

options.css

@@ -50,12 +50,12 @@ section h3 {
 button {
 	-webkit-appearance: none;
 	position: relative;
-	
+
 	margin: 0 1px 0 0;
 	padding: 0 10px;
 	min-width: 4em;
 	min-height: 2em;
-	
+
 	background-image: linear-gradient(#EDEDED, #EDEDED 38%, #DEDEDE);
 	border: 1px solid rgba(0,0,0,0.25);
 	border-radius: 2px;
@@ -64,7 +64,7 @@ button {
 	color: #444;
 	text-shadow: 0 1px 0 rgb(240,240,240);
 	font: inherit;
-	
+
     user-select: none;
 }
 
@@ -91,4 +91,8 @@ label[for=rememberSpeed] {
     color: #9D9D9D;
     display: inline-block;
     margin-left: 50px;
-}
+}
+
+#faq {
+	margin-top: 2em;
+}

options.html

@@ -50,5 +50,18 @@
 		<button id="restore">Restore Defaults</button>
 
     <div id="status"></div>
-	</body>
+
+    <div id="faq">
+      <hr />
+
+      <h4>The video controls are not showing up?</h4>
+      <p>This extension is only compatible with HTML5 video. If you don't see the controls showing up, chances are you are viewing a Flash video. If you want to confirm, try right-clicking on the video and inspect the menu: if it mentions flash, then that's the issue. That said, <b>most sites will fallback to HTML5</b> if they detect that Flash it not available. You can try manually disabling Flash plugin in Chrome:</p>
+
+      <ul>
+        <li>In a new tab, navigate to <code>chrome://plugins</code></li>
+        <li>Disable "Adobe Flash Player"</li>
+        <li>Restart your browser and try playing your video again</li>
+      </ul>
+    </div>
+  </body>
 </html>