微信小程序实现视频播放

 博主介绍：本人专注于Android/java/数据库/微信小程序技术领域的开发，以及有好几年的计算机毕业设计方面的实战开发经验和技术积累；尤其是在安卓（Android）的app的开发和微信小程序的开发，很是熟悉和了解；本人也是多年的Android开发人员；希望我发布的此篇文件可以帮助到您；

🍅希望此文章可以帮助到您🍅

目录

微信小程序文章推荐

效果显示

一、前端界面

二、js逻辑处理

三、留个脚印吧

---

微信小程序文章推荐

微信小程序布局图片上面显示文字

微信小程序实现左边图片右边文字效果

微信小程序获取当前日期和时间

  微信小程序绘制地图轨迹线路

微信小程序绘制marker

微信小程序之绘制多个marker以及调用手机地图软件导航

效果显示

一、前端界面

<video class="videoUI" id="myvideo" bindplay='playVideo' autoplay='true' src="{{resultModel.AttachmentVideo}}" bindfullscreenchange="fullScreen" bindended="closeVideo" controls poster="">

</video>

说明：小程序视频的播放使用的是控件video进行实现；官方文档介绍，详情点击：video | 微信开放文档

支持的视频播放格式：

二、css代码

.videoUI {

    width: 100%;

    height:400rpx;

}

三、js逻辑处理

在js的逻辑代码里面设置好视频的播放路径，然后在前端界面进行调用就可以了；                     

四、留个脚印吧

大家要是感觉此篇文章有意义；那就给个关注、点赞，收藏吧；

🍅也可以关注文档末尾公众号🍅