请问webview中h5的video组件如何实现全屏
web是否能支持HTML5 的 FullScreen api
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
Web中webview和H5交互
891浏览 • 1回复 待解决
webview加载Vue h5失败
17536浏览 • 5回复 待解决
如何在webview中使用H5中的alert
1062浏览 • 1回复 待解决
HarmonyOS webview h5的localstorage
243浏览 • 1回复 待解决
HarmonyOS web组件加载h5,h5拉起摄像头
360浏览 • 1回复 待解决
如何实现H5自定义事件
2123浏览 • 1回复 待解决
在Web组件的H5页面中,如何使用a标签实现打开各种页面
1853浏览 • 1回复 待解决
Web加载一个H5视频如何使其横向全屏播放
1036浏览 • 1回复 待解决
HarmonyOS 在H5中如何跳转到应用市场
443浏览 • 1回复 待解决
用webview加载H5,是否存在安全相关的问题
1712浏览 • 1回复 待解决
HarmonyOS原生中的web组件如何和组件内渲染的h5进行通信
216浏览 • 1回复 待解决
Video组件的自带全屏按钮如何实现点击全屏切换成横屏?
47浏览 • 1回复 待解决
HarmonyOS video组件如何实现横屏全屏播放
436浏览 • 0回复 待解决
HarmonyOS webview与H5交互方式应该使用jsbridge还是消息通讯
213浏览 • 1回复 待解决
HarmonyOS H5中触发原生的调用定位相关的示例实现
211浏览 • 1回复 待解决
HarmonyOS web.webview 嵌套H5(网页)相互通信
131浏览 • 1回复 待解决
HarmonyOS web与H5交互
418浏览 • 1回复 待解决
如何在HarmonyOS中调试h5页面
705浏览 • 1回复 待解决
HarmonyOS web原生和H5如何交互?
348浏览 • 1回复 待解决
h5如何在鸿蒙设备进行调试
1371浏览 • 1回复 待解决
HarmonyOS开发场景下,如何通过flutter框架加载H5页面,并实现H5和原生页面之间互相跳转
270浏览 • 1回复 待解决
HarmonyOS 如何清理Web组件h5往localStorage写的数据
303浏览 • 1回复 待解决
HarmonyOS H5异步调用arkTs函数,arkTs如何将结果返回至H5 ?
67浏览 • 1回复 待解决
如何加载字符串形式H5数据
1947浏览 • 1回复 待解决
HarmonyOS H5中图片/视频选择组件(van-uploader)调用问题
503浏览 • 1回复 待解决
1、当前在web里暂时不支持使用js或css来实现横屏,需要ArkUI的媒体查询接口实现横屏,可以在web的onFullScreenEnter和onFullScreenExit回调中监听是否点击全屏的按键,在这两个回调里使用媒体查询接口实现视频横向和竖向:
参考链接:
https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-layout-development-media-query-0000001860295785
https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-basic-components-web-0000001860247877#ZH-CN_TOPIC_0000001860247877__onfullscreenenter9
https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-basic-components-web-0000001860247877#ZH-CN_TOPIC_0000001860247877__onfullscreenexit9
当网页视频横向后需要在H5中设置横向宽高来适配使页面全屏,媒体查询接口只是让手机横屏
2、ArkWeb基于chromium,支持FullScreen等w3c标准,参考代码如下: