微信X5内核浏览器打开视频,已经把视频video标签设置好了 可以屏蔽自动全屏和一系列的相关显示。 但现在安卓上打开只有右上角有个名字为全屏的按钮 ,ios上没有 ,请问有没有什么方法可以屏蔽右上角的全屏这个按钮?
1条回答 默认 最新
- usp1994 2023-04-06 13:38关注
微信X5内核浏览器在 Android 平台上的视频播放器控件默认会显示一个全屏按钮,但这个按钮并不能通过标准的 HTML5 video 标签的属性来控制。如果你希望在微信X5内核浏览器中屏蔽这个全屏按钮,你可以尝试以下两种方法:
- 使用微信JS-SDK提供的接口:
wx.hideMenuItems
,该接口可以用于隐藏微信右上角的菜单项,包括全屏按钮。你可以在视频播放页面的 JS 代码中加入以下代码:
wx.ready(function() { wx.hideMenuItems({ menuList: ['menuItem:exposeArticle', 'menuItem:setFont', 'menuItem:dayMode', 'menuItem:nightMode', 'menuItem:refresh', 'menuItem:profile', 'menuItem:addContact', 'menuItem:share:appMessage', 'menuItem:share:timeline', 'menuItem:share:qq', 'menuItem:share:weiboApp', 'menuItem:favorite', 'menuItem:share:facebook', 'menuItem:share:QZone', 'menuItem:editTag', 'menuItem:delete', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:openWithQQBrowser', 'menuItem:openWithSafari', 'menuItem:share:email', 'menuItem:share:brand' ] }); });
上述代码中,我们使用了
wx.hideMenuItems
接口隐藏了右上角的所有菜单项,包括全屏按钮。需要注意的是,使用
wx.hideMenuItems
需要在微信JS-SDK初始化后调用,且该方法只能在微信浏览器中使用,如果你需要在其他浏览器中使用,需要使用其他方法。- 使用 CSS 样式控制:你可以使用 CSS 样式来控制全屏按钮的显示,例如通过
display: none
来隐藏按钮。具体来说,你可以在样式表中加入以下代码:
x5-video-player video::-webkit-media-controls-fullscreen-button { display: none !important; }
上述代码中,我们使用了
::-webkit-media-controls-fullscreen-button
伪元素来选择全屏按钮,然后通过display: none
将其隐藏。需要注意的是,这种方法只能隐藏全屏按钮,但用户仍然可以通过其他手段(如系统手势)全屏播放视频。
解决 无用评论 打赏 举报 - 使用微信JS-SDK提供的接口:
悬赏问题
- ¥15 在若依框架下实现人脸识别
- ¥15 网络科学导论,网络控制
- ¥100 安卓tv程序连接SQLSERVER2008问题
- ¥15 利用Sentinel-2和Landsat8做一个水库的长时序NDVI的对比,为什么Snetinel-2计算的结果最小值特别小,而Lansat8就很平均
- ¥15 metadata提取的PDF元数据,如何转换为一个Excel
- ¥15 关于arduino编程toCharArray()函数的使用
- ¥100 vc++混合CEF采用CLR方式编译报错
- ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
- ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
- ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同