html video标签实现双击切换

<video></video>双击直接默认全屏了。但是因为工作需要，需要双击切换下一个（轮播），只能在上边覆盖一层：

        <div style="width: 100%;height: 100%;position: relative">
            <video style="z-index: -1" controls autoplay loop muted controls="nofullscreen"
                   id="videoID">
                <source src="asset/lkts/video/幻灯片5.mp4" type="video/mp4">
                <source src="movie.mp4" type="video/mp4">
            </video>
            <div style="position: absolute;height: calc(100% - 60px);width: 100%;top: 0"></div>
        </div>