HarmonyOS鸿蒙Next中Web组件引入的H5页面<video/>标签的全屏图标无法去掉或设置颜色

HarmonyOS鸿蒙Next中Web组件引入的H5页面

3 回复

HTML5的video标签提有一个属性是controlsList，这个属性提供了对video额外的控制，

controlsList属性接受一个空格分隔的字符串，每个字符串代表一个控件的名称。主要可以控制的选项包括：

  • nodownload：隐藏下载按钮。
  • nofullscreen：隐藏全屏按钮。
  • noremoteplayback：隐藏远程播放按钮。

参考文档：https://developer.huawei.com/consumer/cn/doc/architecture-guides/develop-arkui-26-0000002069423972

更多关于HarmonyOS鸿蒙Next中Web组件引入的H5页面<video/>标签的全屏图标无法去掉或设置颜色的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，Web组件引入的H5页面中的<video/>标签的全屏图标是由浏览器默认渲染的，属于浏览器的原生控件。由于浏览器的安全性和一致性考虑，直接通过HTML或CSS修改或隐藏全屏图标是不可行的。鸿蒙系统的Web组件基于系统内置的浏览器内核，其行为与标准浏览器一致，因此无法直接通过鸿蒙的API或配置来修改或隐藏全屏图标。

如果需要定制化视频播放器的UI，可以考虑使用自定义的视频播放器控件，而不是依赖于浏览器的原生<video/>标签。通过JavaScript和CSS构建自定义播放器，可以完全控制播放器的外观和交互，包括全屏按钮的显示与隐藏。

在HarmonyOS鸿蒙Next中，Web组件的<video/>标签的全屏图标默认由浏览器内核控制，无法直接通过HTML或CSS修改。你可以尝试以下方法：

  1. 自定义播放器：使用JavaScript和CSS自定义视频播放器，隐藏原生控件，并实现自定义的全屏功能。
  2. 使用第三方库：如Video.js等，提供更灵活的控制和样式定制。
  3. WebView设置：通过WebView的特定设置，尝试修改或隐藏全屏图标（具体取决于鸿蒙OS的WebView实现）。

如果以上方法无效，可能需要等待鸿蒙OS后续版本对Web组件的功能增强。

回到顶部