IOS/Android不支持video的autoplay，PC端的safari也在2017年的safari 11版本中禁止带声音的多媒体自动播放功能，然后Chrome在2018年4月份发布的66版本也关掉了声音自动播放，也就是说HTML5的audio和video标签autoplay属性在一般网页端基本算是废的。要想网页端让autoplay生效，可以让用户自己设置自己的浏览器，允许带声音的多媒体自动播放。
设置方法：
1、在chrome浏览器地址栏中输入：chrome://flags
2、搜索“Autoplay policy”，默认为“Default”，修改为 “No user gesture is required” 就可以了
PS：有点鸡肋，一般用户都不会设置吧！~ 通过审查元素或者直接F12键打开浏览器控制台默认是空白的，但可以通过javascript代码的console.log给它添加一个带样式的提示内容，支持Firefox、Chrome、Edge（不支持IE系列）等浏览器。
三张图堆叠式立体轮播图效果在网页前端开发过程中经常会做到，之前不想费心费力自己弄，习惯使用一些成熟的jquery轮播图插件（如slick.js、Owl-Carousel.js）改造实现，效果也算是差强人意。这次在bilibili上看到有人分享相同效果的代码，下载下来发现代码挺简单，效果也比较合适，于是就在原代码的基础上对html、css和js都进行了些小修改，结果比较符合自己的要求。
