DPlayer 可折叠隐藏功能实现 - jQuery 代码示例 - 常规

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>DPlayer 可折叠隐藏示例</title>
    <link rel="stylesheet" href="https://unpkg.com/dplayer/dist/DPlayer.min.css">
    <style>
        #player-container {
            width: 600px;
            height: 400px;
            margin: 20px auto;
            position: relative;
        }
<pre><code>    #player-toggle {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }
&lt;/style&gt;
</code></pre>
</head>
<body>
    <div id="player-container">
        <div id="player"></div>
        <div id="player-toggle">折叠</div>
    </div>
<pre><code>&lt;script src=&quot;https://unpkg.com/jquery/dist/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;https://unpkg.com/dplayer/dist/DPlayer.min.js&quot;&gt;&lt;/script&gt;
&lt;script&gt;
    $(document).ready(function() {
        var dp = new DPlayer({
            container: document.getElementById('player'),
            video: {
                url: 'your-video-url',
                type: 'auto'
            }
        });

        $('#player-toggle').click(function() {
            $('#player').slideToggle();
        });
    });
&lt;/script&gt;
</code></pre>
</body>
</html>