效果圖：video這個(gè)組件實(shí)現(xiàn)播放視頻的功能

官方文檔：https://developers.weixin.qq.com/miniprogram/dev/component/video.html

上代碼：

wxml：navigator這個(gè)是跳轉(zhuǎn)的路徑

視頻數(shù)據(jù)在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;}

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。