如何隐藏/禁用 iPad 标准 HTML5 视频控件中的全屏按钮?
我正在为 iPad 编写一个带有嵌入式视频标签的 HTML5 页面。
如何隐藏或禁用全屏按钮?我只需要显示没有全屏选项的视频。
I’m writing an HTML5 page with a embedded video tag for the iPad.
How can I hide or disable the fullscreen button? I just need to show the video without the fullscreen option.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
据我所知(我可能是错的,这不是我真正的领域),您无法告诉 Safari 如何 呈现其标准视频控件。
但是,您可以通过省略视频标记中的
controls
属性来告诉它不渲染其标准视频控件(至少根据 HTML5 规范)。然后您可以编写自己的播放/暂停控件。 (参见例如http://diveintohtml5.ep.io/video.html#markup )。这显然需要更多的工作,但我认为这是你唯一的选择。
如果您不想从头开始编写自己的控件,可以使用一些很好的预构建控件,特别是:
他们更专注于通过 HTML5 或 Flash 提供视频,具体取决于关于浏览器功能,但您也许能够提取控制部分,或者至少了解它们是如何做到的。
As far as I know (I could be wrong, this isn’t really my area), you can’t tell Safari how to render its standard video controls.
However, you can tell it not to render its standard video controls (at least according to the HTML5 spec) by omitting the
controls
attribute from the video tag.You can then write your own play/pause controls. (See e.g. http://diveintohtml5.ep.io/video.html#markup). That’s obviously a bit more work, but I think it’s your only option.
If you don’t want to write your own controls from scratch, there are a couple of good pre-built ones out there, specifically:
They’re more focused on providing video via HTML5 or Flash depending on browser capabilities, but you might be able to extract the control parts, or at least see how they’re doing it.