uni-app使用plus.video相关接口创建的视频无法正常显示出来

uni-app使用plus.video相关接口创建的视频无法正常显示出来

2 回复

调用play方法没反应吗?

更多关于uni-app使用plus.video相关接口创建的视频无法正常显示出来的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在uni-app中调用plus.video接口创建视频对象后无法显示,通常是由于以下原因导致:

  1. 未将视频控件添加到当前Webview
    创建视频对象后,必须调用append()方法将其添加到当前页面容器中:

    let video = plus.video.createVideoPlayer('test', {
      src: '/static/sample.mp4'
    });
    video.show(); // 显示控件
    plus.webview.currentWebview().append(video); // 关键:添加到Webview
    
  2. 路径或格式问题

    • 确保视频路径正确(本地路径需以_www_doc等前缀开头)
    • 测试设备支持的格式(如MP4/H.264)
  3. 样式或布局冲突
    视频控件默认宽高为0,需通过stylesetStyle设置尺寸:

    video.setStyle({
      width: '100%',
      height: '300px'
    });
    
  4. 平台兼容性处理
    plus.video为5+ API,需在条件编译中确保仅运行在App环境:

    // #ifdef APP-PLUS
    // 视频初始化代码
    // #endif
回到顶部