[gnome-getting-started-docs/video-controls] allow focusing controls with keyboard

[Jakub Steiner <jimmac src gnome org>]

commit 1efc726654b75c88fb1b6b4c7e910fc571b4dc79
Author: Jakub Steiner <jimmac gmail com>
Date:   Thu Nov 1 18:49:38 2012 +0100

    allow focusing controls with keyboard

 .../acornmediaplayer/jquery.acornmediaplayer.js    |   10 +++++++++-
 .../themes/darkglass/acorn.darkglass.css           |    9 ++++++---
 2 files changed, 15 insertions(+), 4 deletions(-)
---
diff --git a/getting-started/C/custom-video-controls/acornmediaplayer/jquery.acornmediaplayer.js b/getting-started/C/custom-video-controls/acornmediaplayer/jquery.acornmediaplayer.js
index 41aca61..9268c65 100644
--- a/getting-started/C/custom-video-controls/acornmediaplayer/jquery.acornmediaplayer.js
+++ b/getting-started/C/custom-video-controls/acornmediaplayer/jquery.acornmediaplayer.js
@@ -925,6 +925,14 @@
 					initCaption();					
 				});
 			
+			  //allow focusing controls with tab
+			  acorn.$controls.find('.acorn-play-button').focus(function () {
+			    acorn.$controls.css({
+			      'visibility': 'visible',
+			      'opacity': '0.7'
+			      });
+			  });
+			
 				// trigger update seek manualy for the first time, for iOS support
 				updateSeek();
 				
@@ -1011,4 +1019,4 @@ function parseSrt(data) {
     }
 
     return captions;
-}
\ No newline at end of file
+}
diff --git a/getting-started/C/custom-video-controls/acornmediaplayer/themes/darkglass/acorn.darkglass.css b/getting-started/C/custom-video-controls/acornmediaplayer/themes/darkglass/acorn.darkglass.css
index 6f953ac..8634118 100644
--- a/getting-started/C/custom-video-controls/acornmediaplayer/themes/darkglass/acorn.darkglass.css
+++ b/getting-started/C/custom-video-controls/acornmediaplayer/themes/darkglass/acorn.darkglass.css
@@ -299,11 +299,14 @@
 .acorn-player.darkglasssmall {
 	padding: 0px;
 }
-.acorn-player.darkglasssmall video:hover + .acorn-controls {
+.acorn-player.darkglasssmall video:hover + .acorn-controls,
+.acorn-player.darkglasssmall video:focus + .acorn-controls
+ {
 	visibility: visible;
 	opacity: 0.7;
 }
-.acorn-player.darkglasssmall .acorn-controls:hover {
+.acorn-player.darkglasssmall .acorn-controls:hover
+ {
 	visibility: visible;
 	opacity: 0.7;
 }
@@ -346,4 +349,4 @@
 	width: 91%;
 	
 	border: none;
-}
\ No newline at end of file
+}