效果图:video这个组件实现播放视频的功能
官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/video.html
上代码:
wxml:navigator这个是跳转的路径
视频数据在data中定义:https://dss0.bdstatic.com/-0U0bnSm1A5BphGlnYG/cae-legoup-video-target/107fb2ae-6c24-4502-9535-3cd588df9b9a.mp4
<navigator url="../index/index">
<view class="view">
<video src="{{url}}" id="{{index}}" autoplay show-mute-btn="true" loop class="video" object-fit= contain >
</video>
</view>
</navigator>
wxss:
.view{
display: flex;
}
.video{
width: 100%;
height: 450rpx;
margin-top: 20rpx;
border-bottom-left-radius: 15rpx;
border-bottom-right-radius: 15rpx;
}