How to use DPlayer.js video playback plug-in

<link rel="stylesheet" href="css/dplayer.min.css">
<script src="js/dplayer.min.js"></script>
    
 <div id="dplayer" style="font-size: 12px;"></div>

<button class="click1">Switch video</button>

$(function () { // Initialize video const dplayer = new DPlayer({
                container: document.getElementById('dplayer'),
                video:
                    url: 'video/001.mp4', //Video path pic: 'images/banner1.png', //Video cover thumbnails: 'images/banner2.png', //Video thumbnail type: 'auto'
                },
            });
            dplayer.seek('6.972618'); // Jump to the specified time position // Click to switch the video $('.click1').click(function () {
                switchVideos();
            })

            // Listen for dplayer.on('play', function () {
                console.log("play");
                dplayer.seek('6.972618'); //jump to the specified time position});
            dplayer.on('pause', function () {
                console.log("pause");
                console.log(dplayer.video.currentTime); //Get the current playback time});
            dplayer.on('ended', function () {
                console.log("playback ended");
            });
            dplayer.on('error', function () {
                console.log("playback abnormality");
            });
        })

        function switchVideos() {
            // ajax sends a request to obtain the clicked video data // ......
            dplayer.switchVideo({
                url: 'video/002.mp4', //Assign the video URL in data
                pic: 'images/banner2.png', //Get the cover image thumbnails: 'images/banner2.png' //Video thumbnail})
}