效果圖：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;}

?

總結

以上是生活随笔為你收集整理的小程序视频功能的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。