我创建了一个包含HTML5视频的视频页面,并在视频标记中添加了tabindex。但是,无法对控件进行制表,不知道为什么会出现这种情况?
这是视频块的第一行:
<video tabindex="0" class="video-js" width="640" height="264" controls="controls" poster="http://video-js.zencoder.com/oceans-clip.png">
答案 0 :(得分:3)
这似乎与浏览器有很大关系:它确实取决于它显示的控件类型。在IE和Firefox中,整个视频元素得到了关注;空格切换播放/暂停,左/右移动当前位置,上/下调节音量。 Firefox只在鼠标悬停在元素上时显示控件(辅助功能错误!)。 (如果你有tabindex =“0”,Chrome会让它成为焦点,但是不允许你通过键盘做任何有用的事情,所以它似乎是有效的键盘无法访问。)
如果您真的希望在不同浏览器中获得一致的可访问性和UI体验,则可以使用HTML + CSS + JavaScript创建自己的控件。