首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在HTML5中隐藏视频标签的全屏按钮

如何在HTML5中隐藏视频标签的全屏按钮
EN

Stack Overflow用户
提问于 2013-07-16 21:47:31
回答 3查看 53.4K关注 0票数 22

我需要在HTML5中隐藏视频标签的全屏按钮。有没有办法做到这一点?

谢谢。

EN

回答 3

Stack Overflow用户

发布于 2015-12-15 22:41:01

您只需在css中编写以下代码:

video::-webkit-media-controls-fullscreen-button {
    display: none;
}

全屏按钮将隐藏

票数 5
EN

Stack Overflow用户

发布于 2013-07-16 22:09:14

我认为如果不隐藏所有的控件,你是无法做到这一点的。您可以使用它的dom methods来实现您自己的控件,并将它们设计成与内置控件完全相同的外观

或者您也可以使用外部html5视频插件来实现这一点

票数 2
EN

Stack Overflow用户

发布于 2019-03-07 22:00:46

您可以为控件编写自定义代码

例如:用于更改视频时间使用以下代码

document.getElementsByTagName('video')[0].currentTime=10;

下面的链接提供了使用javascript对视频进行手动控制的所有必要示例

HTML5 Video Events and API

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17678302

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档