How can I play a HTML5 or Flash video with keyboard shortcuts on a system without a mouse?
up vote
2
down vote
favorite
Original Question
The Firefox help pages state:
After you click on the media on a web page, to give it focus, you can control the playback with your keyboard.
But how can we initially give it focus if we are not using a mouse
Edits
Since I cannot provide a link to the video page, here is the relevant page source:
<div class="my-account">
<p class="back-link">
<a href="https://shop.dananddave.com/streaming/customer/products/">
<small>«</small>Back to My Streaming Videos</a>
</p>
<div class="page-title">
<h1>The Unreal Work, vol. 1 - <span id="streaming-link-titile">PaulWilson</span></h1>
</div>
<div id="my-streaming-product">
<iframe src="https://player.vimeo.com/video/55133774?show_title=1&show_byline=0&show_portrait=0&color=000000&fullscreen=1&autoplay=0" height="100%" width="100%" frameborder="0"></iframe>
</div>
<div class="buttons-set">
<p class="back-link">
<a href="https://shop.dananddave.com/streaming/customer/products/">
<small>«</small>Back to My Streaming Videos</a>
</p>
</div>
</div>
firefox keyboard accessibility
add a comment |
up vote
2
down vote
favorite
Original Question
The Firefox help pages state:
After you click on the media on a web page, to give it focus, you can control the playback with your keyboard.
But how can we initially give it focus if we are not using a mouse
Edits
Since I cannot provide a link to the video page, here is the relevant page source:
<div class="my-account">
<p class="back-link">
<a href="https://shop.dananddave.com/streaming/customer/products/">
<small>«</small>Back to My Streaming Videos</a>
</p>
<div class="page-title">
<h1>The Unreal Work, vol. 1 - <span id="streaming-link-titile">PaulWilson</span></h1>
</div>
<div id="my-streaming-product">
<iframe src="https://player.vimeo.com/video/55133774?show_title=1&show_byline=0&show_portrait=0&color=000000&fullscreen=1&autoplay=0" height="100%" width="100%" frameborder="0"></iframe>
</div>
<div class="buttons-set">
<p class="back-link">
<a href="https://shop.dananddave.com/streaming/customer/products/">
<small>«</small>Back to My Streaming Videos</a>
</p>
</div>
</div>
firefox keyboard accessibility
Good question. There are keyboard shortcuts for FireFox but unclear how focus would be set. With Flash one would justtab
between elements. support.mozilla.org/en-US/kb/…
– JakeGould
Oct 5 '14 at 1:29
add a comment |
up vote
2
down vote
favorite
up vote
2
down vote
favorite
Original Question
The Firefox help pages state:
After you click on the media on a web page, to give it focus, you can control the playback with your keyboard.
But how can we initially give it focus if we are not using a mouse
Edits
Since I cannot provide a link to the video page, here is the relevant page source:
<div class="my-account">
<p class="back-link">
<a href="https://shop.dananddave.com/streaming/customer/products/">
<small>«</small>Back to My Streaming Videos</a>
</p>
<div class="page-title">
<h1>The Unreal Work, vol. 1 - <span id="streaming-link-titile">PaulWilson</span></h1>
</div>
<div id="my-streaming-product">
<iframe src="https://player.vimeo.com/video/55133774?show_title=1&show_byline=0&show_portrait=0&color=000000&fullscreen=1&autoplay=0" height="100%" width="100%" frameborder="0"></iframe>
</div>
<div class="buttons-set">
<p class="back-link">
<a href="https://shop.dananddave.com/streaming/customer/products/">
<small>«</small>Back to My Streaming Videos</a>
</p>
</div>
</div>
firefox keyboard accessibility
Original Question
The Firefox help pages state:
After you click on the media on a web page, to give it focus, you can control the playback with your keyboard.
But how can we initially give it focus if we are not using a mouse
Edits
Since I cannot provide a link to the video page, here is the relevant page source:
<div class="my-account">
<p class="back-link">
<a href="https://shop.dananddave.com/streaming/customer/products/">
<small>«</small>Back to My Streaming Videos</a>
</p>
<div class="page-title">
<h1>The Unreal Work, vol. 1 - <span id="streaming-link-titile">PaulWilson</span></h1>
</div>
<div id="my-streaming-product">
<iframe src="https://player.vimeo.com/video/55133774?show_title=1&show_byline=0&show_portrait=0&color=000000&fullscreen=1&autoplay=0" height="100%" width="100%" frameborder="0"></iframe>
</div>
<div class="buttons-set">
<p class="back-link">
<a href="https://shop.dananddave.com/streaming/customer/products/">
<small>«</small>Back to My Streaming Videos</a>
</p>
</div>
</div>
firefox keyboard accessibility
firefox keyboard accessibility
edited Oct 9 '14 at 16:21
asked Oct 5 '14 at 1:22
Shaun Luttin
1,14742845
1,14742845
Good question. There are keyboard shortcuts for FireFox but unclear how focus would be set. With Flash one would justtab
between elements. support.mozilla.org/en-US/kb/…
– JakeGould
Oct 5 '14 at 1:29
add a comment |
Good question. There are keyboard shortcuts for FireFox but unclear how focus would be set. With Flash one would justtab
between elements. support.mozilla.org/en-US/kb/…
– JakeGould
Oct 5 '14 at 1:29
Good question. There are keyboard shortcuts for FireFox but unclear how focus would be set. With Flash one would just
tab
between elements. support.mozilla.org/en-US/kb/…– JakeGould
Oct 5 '14 at 1:29
Good question. There are keyboard shortcuts for FireFox but unclear how focus would be set. With Flash one would just
tab
between elements. support.mozilla.org/en-US/kb/…– JakeGould
Oct 5 '14 at 1:29
add a comment |
2 Answers
2
active
oldest
votes
up vote
0
down vote
If the video
element has the controls
attribute (i.e., Firefox shall use its own control menu), you can use Tab to focus the video player. When it has focus, you can use the keyboard controls.
If the video
element doesn’t have the controls
attribute, it’s the author’s responsibility to provide a control menu – and then you’d have to hope that the author had keyboard accessibility in mind.
However, for such a video it might work to focus the player (with Tab) and open the context menu (for example, via Shift+F10), where you can enable the default controls. After this, it should be possible to use the default keyboard controls. (I couldn’t test it with many videos, so it might depend on the author’s script.)
I tried all of those methods, and for this particular video, I wasn't able to obtain focus. I ended up using the JavaScript console of Firefox to call the.focus()
event on the darn thing.
– Shaun Luttin
Oct 7 '14 at 0:23
@ShaunLuttin: Could you provide a link to this video?
– unor
Oct 8 '14 at 11:26
Unfortunately I cannot provide a link, because it's a secure video served within a protected user account. I can tell you, though, that the video is within a Vimeo embed.
– Shaun Luttin
Oct 9 '14 at 16:10
I added relevant page source in lieu of a link to the video.
– Shaun Luttin
Oct 9 '14 at 16:22
add a comment |
up vote
0
down vote
press Tab repeatedly until the video is focused then press context menu (looks like a box with three lines) to get controls like play and pause or use the keyboard shortcuts provided by firefox
I have not be able to obtain focus on the element withtab
.
– Shaun Luttin
Oct 7 '14 at 0:26
add a comment |
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "3"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsuperuser.com%2fquestions%2f820961%2fhow-can-i-play-a-html5-or-flash-video-with-keyboard-shortcuts-on-a-system-withou%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
If the video
element has the controls
attribute (i.e., Firefox shall use its own control menu), you can use Tab to focus the video player. When it has focus, you can use the keyboard controls.
If the video
element doesn’t have the controls
attribute, it’s the author’s responsibility to provide a control menu – and then you’d have to hope that the author had keyboard accessibility in mind.
However, for such a video it might work to focus the player (with Tab) and open the context menu (for example, via Shift+F10), where you can enable the default controls. After this, it should be possible to use the default keyboard controls. (I couldn’t test it with many videos, so it might depend on the author’s script.)
I tried all of those methods, and for this particular video, I wasn't able to obtain focus. I ended up using the JavaScript console of Firefox to call the.focus()
event on the darn thing.
– Shaun Luttin
Oct 7 '14 at 0:23
@ShaunLuttin: Could you provide a link to this video?
– unor
Oct 8 '14 at 11:26
Unfortunately I cannot provide a link, because it's a secure video served within a protected user account. I can tell you, though, that the video is within a Vimeo embed.
– Shaun Luttin
Oct 9 '14 at 16:10
I added relevant page source in lieu of a link to the video.
– Shaun Luttin
Oct 9 '14 at 16:22
add a comment |
up vote
0
down vote
If the video
element has the controls
attribute (i.e., Firefox shall use its own control menu), you can use Tab to focus the video player. When it has focus, you can use the keyboard controls.
If the video
element doesn’t have the controls
attribute, it’s the author’s responsibility to provide a control menu – and then you’d have to hope that the author had keyboard accessibility in mind.
However, for such a video it might work to focus the player (with Tab) and open the context menu (for example, via Shift+F10), where you can enable the default controls. After this, it should be possible to use the default keyboard controls. (I couldn’t test it with many videos, so it might depend on the author’s script.)
I tried all of those methods, and for this particular video, I wasn't able to obtain focus. I ended up using the JavaScript console of Firefox to call the.focus()
event on the darn thing.
– Shaun Luttin
Oct 7 '14 at 0:23
@ShaunLuttin: Could you provide a link to this video?
– unor
Oct 8 '14 at 11:26
Unfortunately I cannot provide a link, because it's a secure video served within a protected user account. I can tell you, though, that the video is within a Vimeo embed.
– Shaun Luttin
Oct 9 '14 at 16:10
I added relevant page source in lieu of a link to the video.
– Shaun Luttin
Oct 9 '14 at 16:22
add a comment |
up vote
0
down vote
up vote
0
down vote
If the video
element has the controls
attribute (i.e., Firefox shall use its own control menu), you can use Tab to focus the video player. When it has focus, you can use the keyboard controls.
If the video
element doesn’t have the controls
attribute, it’s the author’s responsibility to provide a control menu – and then you’d have to hope that the author had keyboard accessibility in mind.
However, for such a video it might work to focus the player (with Tab) and open the context menu (for example, via Shift+F10), where you can enable the default controls. After this, it should be possible to use the default keyboard controls. (I couldn’t test it with many videos, so it might depend on the author’s script.)
If the video
element has the controls
attribute (i.e., Firefox shall use its own control menu), you can use Tab to focus the video player. When it has focus, you can use the keyboard controls.
If the video
element doesn’t have the controls
attribute, it’s the author’s responsibility to provide a control menu – and then you’d have to hope that the author had keyboard accessibility in mind.
However, for such a video it might work to focus the player (with Tab) and open the context menu (for example, via Shift+F10), where you can enable the default controls. After this, it should be possible to use the default keyboard controls. (I couldn’t test it with many videos, so it might depend on the author’s script.)
answered Oct 6 '14 at 13:35
unor
1,89911844
1,89911844
I tried all of those methods, and for this particular video, I wasn't able to obtain focus. I ended up using the JavaScript console of Firefox to call the.focus()
event on the darn thing.
– Shaun Luttin
Oct 7 '14 at 0:23
@ShaunLuttin: Could you provide a link to this video?
– unor
Oct 8 '14 at 11:26
Unfortunately I cannot provide a link, because it's a secure video served within a protected user account. I can tell you, though, that the video is within a Vimeo embed.
– Shaun Luttin
Oct 9 '14 at 16:10
I added relevant page source in lieu of a link to the video.
– Shaun Luttin
Oct 9 '14 at 16:22
add a comment |
I tried all of those methods, and for this particular video, I wasn't able to obtain focus. I ended up using the JavaScript console of Firefox to call the.focus()
event on the darn thing.
– Shaun Luttin
Oct 7 '14 at 0:23
@ShaunLuttin: Could you provide a link to this video?
– unor
Oct 8 '14 at 11:26
Unfortunately I cannot provide a link, because it's a secure video served within a protected user account. I can tell you, though, that the video is within a Vimeo embed.
– Shaun Luttin
Oct 9 '14 at 16:10
I added relevant page source in lieu of a link to the video.
– Shaun Luttin
Oct 9 '14 at 16:22
I tried all of those methods, and for this particular video, I wasn't able to obtain focus. I ended up using the JavaScript console of Firefox to call the
.focus()
event on the darn thing.– Shaun Luttin
Oct 7 '14 at 0:23
I tried all of those methods, and for this particular video, I wasn't able to obtain focus. I ended up using the JavaScript console of Firefox to call the
.focus()
event on the darn thing.– Shaun Luttin
Oct 7 '14 at 0:23
@ShaunLuttin: Could you provide a link to this video?
– unor
Oct 8 '14 at 11:26
@ShaunLuttin: Could you provide a link to this video?
– unor
Oct 8 '14 at 11:26
Unfortunately I cannot provide a link, because it's a secure video served within a protected user account. I can tell you, though, that the video is within a Vimeo embed.
– Shaun Luttin
Oct 9 '14 at 16:10
Unfortunately I cannot provide a link, because it's a secure video served within a protected user account. I can tell you, though, that the video is within a Vimeo embed.
– Shaun Luttin
Oct 9 '14 at 16:10
I added relevant page source in lieu of a link to the video.
– Shaun Luttin
Oct 9 '14 at 16:22
I added relevant page source in lieu of a link to the video.
– Shaun Luttin
Oct 9 '14 at 16:22
add a comment |
up vote
0
down vote
press Tab repeatedly until the video is focused then press context menu (looks like a box with three lines) to get controls like play and pause or use the keyboard shortcuts provided by firefox
I have not be able to obtain focus on the element withtab
.
– Shaun Luttin
Oct 7 '14 at 0:26
add a comment |
up vote
0
down vote
press Tab repeatedly until the video is focused then press context menu (looks like a box with three lines) to get controls like play and pause or use the keyboard shortcuts provided by firefox
I have not be able to obtain focus on the element withtab
.
– Shaun Luttin
Oct 7 '14 at 0:26
add a comment |
up vote
0
down vote
up vote
0
down vote
press Tab repeatedly until the video is focused then press context menu (looks like a box with three lines) to get controls like play and pause or use the keyboard shortcuts provided by firefox
press Tab repeatedly until the video is focused then press context menu (looks like a box with three lines) to get controls like play and pause or use the keyboard shortcuts provided by firefox
answered Oct 6 '14 at 13:40
DividedByZero
205213
205213
I have not be able to obtain focus on the element withtab
.
– Shaun Luttin
Oct 7 '14 at 0:26
add a comment |
I have not be able to obtain focus on the element withtab
.
– Shaun Luttin
Oct 7 '14 at 0:26
I have not be able to obtain focus on the element with
tab
.– Shaun Luttin
Oct 7 '14 at 0:26
I have not be able to obtain focus on the element with
tab
.– Shaun Luttin
Oct 7 '14 at 0:26
add a comment |
Thanks for contributing an answer to Super User!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsuperuser.com%2fquestions%2f820961%2fhow-can-i-play-a-html5-or-flash-video-with-keyboard-shortcuts-on-a-system-withou%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Good question. There are keyboard shortcuts for FireFox but unclear how focus would be set. With Flash one would just
tab
between elements. support.mozilla.org/en-US/kb/…– JakeGould
Oct 5 '14 at 1:29