video标签如何只把全屏按钮给去掉????

ivan
  • 130

???video标签如何只把全屏按钮给去掉????

回复
阅读 10.2k
4 个回答
        yourelelment video::-webkit-media-controls-fullscreen-button {
            display: none;
        }

不过只有webkit的能消失,好像ie几个版本本来就没全屏,chrome和Safari可以去掉,可以试着搜索 h5 video fullscreen display

微信浏览器控制不了视频是否全屏显示的

全凭微信的心情。

清晖
  • 95
video::-webkit-media-controls-fullscreen-button
{ display: none }

只能把安卓的全屏按钮去掉,对于ios仍然不知道怎么处理,ios的全屏按钮是在左上角

Crii
  • 2
新手上路,请多包涵

iSO,可以试试:做一个div,罩在全屏浏览器自带的全屏按钮上,z-index比video大,style设置为 pointer-events: none; 就可以屏蔽下层对象的鼠标操作了。

webkit还支持双击切换全屏,也可以做个覆盖video上面大部分空间的罩子,屏蔽掉。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏