HTML网页右侧在线看小姐姐视频源代码

全选粘贴到你想放的地方即可

在线演示

小姐姐视频

源码

[hidecontent type="logged"]
<div class="article-right">
    <h3 class="c-title">小姐姐视频</h3>

    <section id="xiaojiejie">
        <div class="xiaojiejie">
            <style>
                #player {
                    margin: 1px auto;
                    max-width: 100%;
                    border-radius: 10px;
                    display: block;
                }

                #xjjsp {
                    display: none;
                }

                #ckxjj,
                #gbxjj {
                    width: 100%;
                    height: 40px;
                    border: none;
                    background-color: #007bf5;
                    color: #fff;
                    margin-top: 1px;
                    border-radius: 5px;
                    font-size: 18px;
                    cursor: pointer;
                    transition: 0.2s;
                }

                #ckxjj:hover,
                #gbxjj:hover {
                    background-color: #2893fd;
                }

                .kzsp {
                    width: 100%;
                    display: flex;
                    justify-content: space-between;
                }

                .kzsp>button {
                    border: none;
                    height: 40px;
                    padding: 0 30px;
                    font-size: 16px;
                    background-color: #007bf5;
                    border-radius: 10px;
                    color: #fff;
                    transition: 0.3s;
                    cursor: pointer;
                }

                .kzsp>button:active {
                    background-color: #2893fd;
                }
            </style>
            <button type="button" id="ckxjj">点我看小姐姐视频</button>
            <div id="xjjsp">
                <video id="player" src="https://www.kjdao.org/zb_users/theme/bbs2022/ksxjj.php" controls="" alt="小姐姐视频"></video>
                <div class="kzsp">
                    <button id="switch">连续: 开</button>
                    <button id="next">下一个</button>
                </div>
                <button type="button" id="gbxjj">关闭视频</button>
            </div>
            <script>
                var player = document.getElementById('player');
                var bind = function (element, event, callback) {
                    return element.addEventListener(event, callback);
                };
                var sp = 0;
                $(document).ready(function () {
                    $('#ckxjj').click(() => {
                        $('#ckxjj').hide();
                        $('#xjjsp').show();
                        if (sp == 0) {
                            randomm();
                            sp = null
                        }
                        player.onerror = () => {
                            randomm()
                        }
                        player.play();
                    });
                    $('#gbxjj').click(() => {
                        $('#ckxjj').show();
                        $('#xjjsp').hide();
                        player.pause();
                    })
                });



                var get = function (id) {
                    return document.getElementById(id);
                };

                var auto = true;
                // 生成播放视频
                function randomm() {
                    player.src = 'https://www.kjdao.org/zb_users/theme/bbs2022/ksxjj.php';
                    player.play();
                };
                bind(get('next'), 'click', randomm);

                bind(get('switch'), 'click', function () {
                    auto = !auto;
                    this.innerText = '连续:' + (auto ? '开' : '关');
                });
                bind(player, 'ended', function () {
                    if (auto) randomm();
                });
                player.pause();
            </script>
        </div>
    </section>
</div>
[/hidecontent]

网站VIP可以享受蓝奏云、123网盘、百度网盘等网盘提供的下载链接以及专属微信VIP群服务。

这些信息可能会帮助到你: 下载帮助 |  报毒说明 |  侵权删除

修改版本安卓软件,加群提示为修改者自留,非本站信息,注意鉴别

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023年10月16日
下一篇 2023年10月16日

相关推荐

发表回复

登录后才能评论