在视频顶部放置 <video> 控件答案

【问题标题】：Placing <video> controls at the top of the video在视频顶部放置 <video> 控件
【发布时间】：2014-03-26 19:49:29
【问题描述】：

我还是新手，请温柔。

我正在尝试在我公司网站上的视频顶部显示视频控件，但我没有在谷歌（或直接在 stackoverflow）上找到任何内容以使其正常工作。基本上，我尝试的任何操作都将控件保留在视频底部（我认为这是默认设置）。

 <video class="yadda" width="100%" controls="top">....</video>

不工作。

任何帮助将不胜感激！

【问题讨论】：

【解决方案1】：

controls 属性不接受任何值 - 它应该像这样使用：

<video class="yadda" width="100%" controls>....</video>

控件将显示在视频底部，带有标准图标。不幸的是，视频控件也无法自定义。如果您希望它们位于顶部，则必须创建自己的自定义界面。

【讨论】：

我明白了。我从来没有遇到过任何实际指定的东西。我知道控件出现时没有添加任何内容，但我已经看到了 controls="none" ，我认为这就像根本没有在那里输入控件一样，所以我认为有一些我不知道的方式。非常感谢这个答案！
@papaner 是的，没问题！
非常感谢！实际上，我在任何搜索中都没有遇到 w3。这是很多很好的知识！
@papaner 当然可以！毕竟，他们制定了标准:)

【解决方案2】：

根据这个 Chrome 错误，可以通过 Javascript 访问媒体控件。不幸的是，访问似乎是特定于浏览器的。

希望这些控件可以通过标准方法访问。我不想编写自己的或使用第 3 方媒体控件，因为它们已经在每个 HTML5 兼容浏览器中并且正在被可视化操作。

【讨论】：