需求：

    1. 打开页面，第一个视频自动播放。
    2. 打开页面，第一个视频显示封面，切换视频显示封面。
    3. 切换视频，实现秒开。

调研设备：iphone X

1. 打开页面，第一个视频自动播放。

方案：第一个视频设置autoplay，是否能自动播放得看应用权限，H5无法控制。
说明：具体说明查看自动播放指南。
参考：video自动播放问题+方案

2. 打开页面，第一个视频显示封面，切换视频显示封面。

说明：在IOS设备Safari浏览器中，不设置autoplay不显示封面，设置autoplay才显示封面（不自动播放的情况下也会）。
方案：第一个视频设置autoplay显示封面。
方案：切换视频可以 poster="阿里云视频url?spm=qipa250&x-oss-poster=video/snapshot,t_0,f_jpg,w_0,h_0,m_fast"。 但这不是一个好方法，因为不同的视频源第一帧取值方式不一样，实现第3点可以覆盖的该场景。

3. 切换视频，实现秒开。

说明：预期设置 preload="auto" 会自动加载视频，然后秒开；实际是即使预加载了视频文件，切换视频除非播放也会出现loading，(猜测是video解析视频需要时间，具体实际原因不知)。
方案：设置autoplay，muted="true" 能静音自动播放；监听播放是静音状态下暂停视频播放且移除静音，从而实现视频秒开。如此也覆盖了第2点的切换视频显示封面，可以不使用poster了。

 <video controls playsinline  autoplay muted='true' src="aaa.mp4" id="autoplaymuted"></video>

const videoAutoplayMuted = document.getElementById("autoplaymuted");
videoAutoplayMuted.addEventListener("play", (event) => {
    const _target = event.target;
    if (_target.getAttribute('muted') === 'true') {
        console.log("autoplaymuted - 成功");
        _target.pause();
        console.log("autoplaymuted - 成功后暂停");

        setTimeout(() => {
            _target.muted = false
            _target.setAttribute('muted', 'false')
        }, 0)
    }
});

滑动视频效果待续