如何在iPad的标准HTML5视频控件中隐藏/禁用全屏按钮？

Question

我正在为iPad编写带有嵌入式视频标签的HTML5页面。

如何隐藏或禁用全屏按钮？我只需要在没有全屏选项的情况下显示视频。

Answer 1

据我所知（我可能错了，这不是我的区域），你无法告诉Safari 如何来呈现其标准视频控件。

但是，您可以通过忽略视频代码中的controls属性来告诉不渲染其标准视频控件（至少根据HTML5规范）。

然后您可以编写自己的播放/暂停控件。 （参见例如http://diveintohtml5.ep.io/video.html#markup）。这显然是一项工作，但我认为这是你唯一的选择。

如果您不想从头开始编写自己的控件，那么有几个很好的预构建控件，具体来说：

• Video JS
• Video for Everybody

他们更专注于根据浏览器功能通过HTML5或Flash提供视频，但您可能能够提取控件部分，或者至少看看他们是如何做到的。