index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>效果预览</title>
    <style>
    body{
        padding: 100px;
        text-align: center;
    }
    </style>
</head>

<body>
    <script src="./js/jquery-3.4.1.js"></script>
    <script src="./js/i35.min.js"></script>
    <script>
        $("body").i35Tab({
            titles: ["布丽吉塔", "秩序之光", "士兵 76", "末日铁拳"],
            contents: [
                '<video src="./vedio/布丽吉塔.mp4" controls width="494" poster="./images/bjlt.jpg">',
                '<img width="100%" src="./images/zxzg.jpg" alt="">',
                '<img width="100%" src="./images/76.jpg" alt="">',
                '<img width="100%" src="./images/2_media_artwork_doomfist-concept.jpg" alt="">'
            ],
            effect: 'slide',
            styles: {
                title: {
                    height: 60,
                    lineHeight: "40px"
                }
            },
            autoPlay: 2000
        });
    </script>
</body>

</html>