uniapp nvue、vue的webview实现播放视频全屏

最新推荐文章于 2024-02-24 23:52:00 发布

Miyim

最新推荐文章于 2024-02-24 23:52:00 发布

阅读量3.3k

点赞数

分类专栏： uniapp 笔记文章标签： javascript vue.js uni-app

本文链接：https://blog.csdn.net/Miyim/article/details/112061818

版权

在uniapp中，由于原生视频组件性能不佳，开发者常使用nvue的webview调用H5播放器播放视频。本文讨论了如何解决webview视频全屏问题，以及在vue页面和nvue页面中遇到的挑战。详细解决方案可参考HTML5中国产业联盟的相关文档。

摘要由CSDN通过智能技术生成

uniapp nvue、vue的webview实现播放视频全屏，uniapp的原生视频组件性能太低，比h5还弱，只能使用webview组件调用h5播放器播放视频，相信很多朋友都会遇到webview组件视频不能全屏播放，点击全屏无响应等情况。

下面是vue页面实例：

 onReady() {
   
			 // vue页面设置webview宽高
		        // #ifdef APP-PLUS
		        var currentWebview = this.$scope.$getAppWebview() 
		        setTimeout(function() {
   
		            wv = currentWebview.children()[0

最低0.47元/天解锁文章

Miyim

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
uniapp nvue、vue的webview实现播放视频全屏

uniapp nvue、vue的webview实现播放视频全屏，uniapp的原生视频组件性能太低，比h5还弱，只能使用webview组件调用h5播放器播放视频，相信很多朋友都会遇到webview组件视频不能全屏播放，点击全屏无响应等情况。下面是vue页面实例： onReady() { // vue页面设置webview宽高 // #ifdef APP-PLUS var currentWebview = this.$scope.$getAppWebview
复制链接

扫一扫

专栏目录