I'm creating keyboard shortcuts for HTML5 videos using javascript. It works in Chrome and safari, but it doesn't quite work in Firefox because it has native keyboard controls. For example, I'm using the front/back arrow keys to scroll within the video using a user-defined skip-step; FF already has the same function, but with a predefined skip-step.

Much thanks in advance.

I'm creating keyboard shortcuts for HTML5 videos using javascript. It works in Chrome and safari, but it doesn't quite work in Firefox because it has native keyboard controls. For example, I'm using the front/back arrow keys to scroll within the video using a user-defined skip-step; FF already has the same function, but with a predefined skip-step.

Much thanks in advance.

• javascript
• firefox
• html
• video
• keyboard

Share Improve this question Follow asked Jun 13, 2011 at 19:28 Tri NoensieTri Noensie 82699 silver badges2424 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8

Doing this worked for me using the audio tag, I'm not sure if it will work with full-screen video playback though

mediaElement.addEventListener('focus',function(){this.blur();},false);

Be sure to attach your keyboard controls to the body or window element

This works by keeping focus off the element so it will not receive keyboard events

Possible event.preventDefault http://api.jquery./event.preventDefault/