jquery 视频播放器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery Video Player</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <style>
        #videoPlayer {
            width: 640px;
            height: 360px;
        }
    </style>
</head>
<body>
    <video id="videoPlayer" controls>
        <source src="path/to/your/video.mp4" type="video/mp4">
        Your browser does not support the video tag.
    </video>
    <button id="playPauseBtn">Play/Pause</button>

    <script>
        $(document).ready(function() {
            $('#playPauseBtn').click(function() {
                var video = $('#videoPlayer')[0];
                if (video.paused || video.ended) {
                    video.play();
                } else {
                    video.pause();
                }
            });
        });
    </script>
</body>
</html>