项目场景：

app 的一个上传视频，然后预览的基础功能

问题描述

视频可以正常上传，预览的时候无法预览。复制视频的连接，在浏览器上可以正常预览。但在video组件中，组件中出现一直加载中的样式，视频也无法播放。

解决方案：

使用web-view内嵌网页播放视频

在展示视频列表的页面做一个页面跳转


<view v-for="(item,index) in videoList" :key="index" @click="preview(item.url)"><view><u-icon name="play-right-fill" color="#dddddc" size="33"></u-icon></view>
</view>


preview(e) {uni.navigateTo({url:'./webview?url='+ '视频地址'})

视频预览的页面

如果不设置update-title 标题将自动变成内嵌网页的路径

<template><view><web-view :src="videourl" :update-title="false"></web-view></view>
</template><script>export default {data() {return {videourl: ''}},onLoad(e) {// 获取传递过来的链接this.videourl = e.url},methods: {}}
</script>

uni-app APP端video组件播放视频卡顿相关推荐

在SOM-RK3399上使用QT的QMediaPlayer组件实现的播放器播放视频卡顿的解决办法
在SOM-RK3399上使用QT的QMediaPlayer组件实现的播放器播放视频卡顿的解决办法 1. 问题描述 1.1 修改之前的avc程序的链接库 1.2 现在修改ldconfig配置文件 1.3 ...
iOS端video标签跳转播放时长黑屏
iOS 端 video 标签跳转播放时长黑屏目录 iOS 端 video 标签跳转播放时长黑屏描述需求方案思路解决描述环境:微信公众号网页设备:ios 端场景:video 标签通过 ...
微信小程序播放视频卡顿问题
一.默认初次加载卡顿情况明显解决方案: 微信小程序使用video组件播放视频的时候,会出现卡顿或者无法播放的问题,加一个custom-cache="{{false}}"即可解决, ...
微信小程序video组件播放不了
最近使用小程序的video组件,视频无法播放,报错The elemen has no support sources: 原因video组件只支持视频源的文件,必须是.mp4或者其他指向视频源的链接,如 ...
android 播放直播流,【报Bug】video组件播放直播流无法重连 android app
详细问题描述 android app nvue页面使用video播放直播流视频(非普通在线视频),切换网络会导致视频一直缓冲无法继续播放,一直触发@error事件,只用用4g或者wifi均可正常播放, ...
Java后端接口返回视频流，使用video组件播放视频，实现分段下载
视频文件保存在不为人知的地方,总之前端不能直接访问的位置,需要通过后端接口取出来再返回给前端. 前端这样子播放 <video controls="controls" cont ...
uniapp H5页面嵌入微信小程序 ios 下 video组件播放视频设置 border-radius overflow:hidden 不生效
在ios 系统中, 设置border-radius 可能会不生效(安卓有效),直接给要设置的元素设置 border-radius属性,再添加下面的代码即可实现功能: -webkit-backface- ...
RTSP/ONVIF协议视频平台EasyNVR级联时上级平台播放视频卡顿的原因排查分析
EasyNVR视频融合平台是基于RTSP/ONVIF协议的视频接入.处理及分发平台,可分发的视频流包括RTSP.RTMP.WS-FLV.HTTP-FLV,HLS.Webrtc等格式,能实现全终端.全平 ...
基于端智能的播放QoE优化
编者按: 伴随着B站业务形式的不断扩展,不同场景对视频播放体验的稳定性.流畅性提出了更高的要求,为保障提供给用户更好的播放体验B站做出了哪些努力?LiveVideoStackCon2022上海站大会我 ...

uni-app APP端video组件播放视频卡顿

项目场景：

问题描述

解决方案：

uni-app APP端video组件播放视频卡顿相关推荐

最新文章

热门文章