图片展示

• 展开样式
• 关闭样式

教程开始

将下方代码复制粘贴到你自己的网站侧边栏，或者其他需要展示的地方即可。代码就是简单的html，网站中大多数都有，如果你复制后无法使用可以考虑是不是没放对地方。

<div id="index">
<style>
.shuasp {width: 100%;}
#player {width: 100%; height: 512px;}
#buttons {text-align: center;}
#buttons button {margin: 10px; border: none; border-radius: 10px; padding: 10px 20px; background-color: #5D99FF;}
.shuasp h2{font-size: 25px; text-align: center; margin: 5px auto;}
.shuaspnr {display: none; transition: opacity 0.5s ease-in-out;}
.show {display: block; opacity: 1; transition: opacity 0.5s ease-in-out;}
.kqan {border: none; margin: 5px auto; border-radius: 10px; padding: 10px 20px; background-color: pink; box-shadow: 0.3rem 0.3rem 0.6rem #c8d0e7, -0.2rem -0.2rem 0.5rem #fff;cursor:url(/assets/cur/blue1_d.cur),auto; cursor:url(/assets/cur/blue1_h.cur),auto;}
</style>
<div class="card">
<div class="shuasp">         
<div class="shuaspnr">         
<h2>欢迎观看小姐姐视频</h2>             
<section id="window">                 
<video class="mod-video-ele" controls="controls" playsinline="" webkit-playsinline="" x5-playsinline="" width="88%" height="88%" poster="https://blog.zbiwl.com/wp-content/uploads/2024/08/13D57BA061E16D5D16478DB908BD9689.jpg" id="player" src=" https://sp.4n2.cn/?api=jkllt"><source src="https://api.lolimi.cn/API/xjj/xjj.php" type="video/mp4" controls="" preload="none"> </video></section>             
<section id="buttons">                 
<button id="switch">自动: 开</button>
<button id="next">下一位</button></section>
<center>
<p style="color:red;">
<b>无法播放的视频，就一直点击下一位</b></p>
<b>安生曾说：</b>
<p>天天看美女，强身又健体。</p>
<p>美女伴左右，健康又长寿。</p></center></div>
<center>
<button class="kqan" id="watchButton" onclick="toggleDiv()">点我播放</button></center></div>  
    <script>
        //点击按钮展开内容再次点击隐藏
        function toggleDiv() {
            var div = document.querySelector(".shuaspnr");
            var button = document.getElementById("watchButton");
            var video = document.querySelector(".shuaspnr video");

            if (div.classList.contains("show")) {
                div.classList.remove("show");
                video.pause(); // 暂停视频播放
                button.innerHTML = "观看小姐姐";
            } else {
                div.classList.add("show");
                video.play(); // 播放视频
                button.innerHTML = "关闭小姐姐";
            }
        }
        //刷视频
        (function(window, document) {
            if (top != self) {
                window.top.location.replace(self.location.href);
            }
            var get = function(id) {
                return document.getElementById(id);
            }
            var bind = function(element, event, callback) {
                return element.addEventListener(event, callback);
            }
            var auto = true;
            var player = get('player');
            var randomm = function() {
                player.src = ' https://sp.4n2.cn/?api=jkllt';
                player.play();
            }
            bind(get('next'), 'click', randomm);
            bind(player, 'error', function() {
                randomm();
            });
            bind(get('switch'), 'click', function() {
                auto = !auto;
                this.innerText = '自动: ' + (auto ? '开' : '关');
            });
            bind(player, 'ended', function() {
                if (auto) randomm();
            });
        })(window, document);</script>
    </div>
    </div>