在开发微信小程序商品页顶部图片与视频轮播时遇到的坑，以及解决方法。

首先微信小程序商品顶部一般是图片轮播，然而当下视频非常火，所以基本会给每个商品录制视频，这样产品轮播图里就会带视频，首先看UI的效果图：

第一屏是在swiper组件中放视频元素，其他的为图片轮播，如果不放视频的话一般采用自动轮播也就是autoplay参数为ture,然后给视频添加切换轮播图停止事件，这样就不能采用自动轮播功能了，所以把autoplay参数设置为false，如下：

autoplay="false"

但是这样设置后竟然无效，以为是开发工具的BUG，在真机上测试也是如此，然后调试了各类方法，发现原来autoplay参数如果设置false是要另一种写法，{{false}}，这样才有效果，代码如下：

autoplay="{{false}}"

这样写应该是和JS里的变量关联才对呢，所以这个还是有点一头雾水，但好在能解决就可以，所以在微信小程序以后开发中切记，像这种就直接在js文件中用变量去控制了。