<view class="index_th_item_two">
<video style="height:300rpx;width:400rpx;" src="{{catUrl}}"> </video>
<video style="height:300rpx;width:400rpx;" src="{{dogUrl}}"></video>
</view>
<view class="index_th_item_three">
<video style="height:300rpx;width:400rpx;" src="{{samllUrl}}"></video>
<video style="height:300rpx;width:400rpx;" src="{{bigUrl}}"></video>
</view>
</view>
.index_th_item_two{
display: flex;
}
.index_th_item_three{
display: flex;
}
這是wxss的代碼
Page({
data: {
catUrl: "",
dogUrl: "",
smallUrl: "",
bigUrl: "",
},
onLoad: function () {
this.setData({
catUrl: "https://www.bilibili.com/video/BV1cK4y1M7S9?from=search&seid=13555573714825262874&spm_id_from=333.337.0.0"
})
},
onLoad: function () {
this.setData({
dogUrl: "https://www.bilibili.com/video/BV16U4y1j7zG?from=search&seid=6144116951051473033&spm_id_from=333.337.0.0"
})
},
onLoad: function () {
this.setData({
bigUrl: "https://www.bilibili.com/video/BV1DK4y1V7Vs?from=search&seid=6144116951051473033&spm_id_from=333.337.0.0"
})
},
onLoad: function () {
this.setData({
smallUrl: "https://www.bilibili.com/video/BV1cK4y1M7S9?from=search&seid=13555573714825262874&spm_id_from=333.337.0.0"
})
},
})
這是js的代碼
一个页面不要有多个video,可以做成显示视频图片的列表,点击图片的时候再打开相对应的视频。
video组件加上custom-cache="{{false}}"
换一下我代码里面的视频路径试试
<view class="index_th_item_two">
<video style="height:300rpx;width:400rpx;" custom-cache="{{false}}" loop='{{true}}' autoplay src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400"></video>
<!-- <video style="height:300rpx;width:400rpx;" src="{{dogUrl}}"></video> -->
</view>
<view class="index_th_item_three">
<!-- <video style="height:300rpx;width:400rpx;" src="{{samllUrl}}"></video>
<video style="height:300rpx;width:400rpx;" src="{{bigUrl}}"></video> -->
</view>
因为你引入的不是视频链接,而是网页链接