利用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
},
/**
* 生命周期函数--监听页面加载
*/
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:后台传递来的参数都正常,就是视频在手机上无法显示。