前言
昨天app的同事(ios跟安卓)发现webview的video全屏按钮有问题,他们想禁用掉全屏、音量控制的按钮,前端同事在根据api设置disable_full_screen=1(pc端falsh平台生效),但全屏按钮依旧存在。既然api无效,那只能曲线救国,隐藏video内部controls功能按钮进而禁用全屏按钮。(以下在ios11/12安卓小米华为测试无问题)
1、怎么查看video内部构造
chrome 下,开发者工具 setting Preferences Elements 勾选 “Show user agent shadow DOM”
2、隐藏video功能按钮
/*video默认全屏按钮*/
video::-webkit-media-controls-fullscreen-button{
display: none