微信小程序 video 组件利用wx：for出现页面空白且渲染报错的问题怎么解决？

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

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

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

p1:开发者工具显示正常

p2：渲染问题

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

可是，在手机上，点进去后是空白页面（测试手机：iOS13.1、安卓）

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