收藏
回答

video 组件利用wx:for出现页面空白且渲染报错的问题怎么解决?

利用wx:for从数据库获取链接,在开发者工具和调试状态下,视频和页面可以正常播放和显示,但是在手机预览和体验状态下,从列表页进入播放页后,wx:for里面的内容完全显示不出来,外面的能显示。(视频在自己的服务器上,mp4格式,也加入了合法域名),相关代码如下:

//wwxml
<view wx:for="{{list}}" wx:key="list"<video src="{{item.video}}" style="width: 100%;">1</video>
<view class="title">{{item.title}}</view>
</view>

//js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    list:[],
    id1:1
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoadfunction (options{
    // this.setData({
    // id1: decodeURIComponent(options.id),
    //})
    var that = this
    wx.request({
      url'http://sy.dwkeji.cn/html/video.php'//仅为示例,并非真实的接口地址
      data: { iddecodeURIComponent(options.id) },
      method'POST',
      header: {
        'content-type''application/x-www-form-urlencoded'  // 默认值
      },
      success(res) {
        console.log(res.data)
        that.setData({
          list: res.data
        })
      }
    })
  },
  closepagefunction () {
    wx.navigateBack()
  },
  toastChangefunction () {
    this.setData({ toastHiddentrue })
    wx.navigateBack()
  },
})


p1:开发者工具显示正常

p2:渲染问题

虽然渲染标红,但还是能正常显示和播放

可是,在手机上,点进去后是空白页面(测试手机:iOS13.1、安卓)

PS:后台传递来的参数都正常,就是视频在手机上无法显示。

回答关注问题邀请回答
收藏
登录 后发表内容