原始问题
火狐浏览器帮助页面状态:
单击网页上的媒体后,使其获得焦点,您可以使用键盘控制播放。
但是如果我们不使用鼠标,我们如何才能最初给予它焦点
編輯
由于我无法提供视频页面的链接,因此这里是相关页面源代码:
<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>
答案1
如果video
元素有controls
属性(即 Firefox 应使用其自己的控制菜单),您可以使用它Tab来聚焦视频播放器。当它获得焦点时,您可以使用键盘控制。
如果video
元素没有该controls
属性,则作者有责任提供控制菜单 - 然后您必须希望作者考虑到键盘可访问性。
但是,对于这样的视频,可能需要将焦点放在播放器上(使用Tab)并打开上下文菜单(例如,通过Shift+ F10),您可以在其中启用默认控件。 此后,应该可以使用默认键盘控件。(我无法用很多视频进行测试,所以这可能取决于作者的脚本。)
答案2
反复按下Tab,直到视频聚焦,然后按下context menu(看起来像一个有三条线的框)以获取控件,例如play和pause或使用 Firefox 提供的键盘快捷键