liumang 发表于 2025-2-16 22:54

#凤舞九天dj完整版

<style>
#mama {
        margin: 130px 0 30px calc(50% - 721px);
        width: 1280px;
        height: 750px;
        background: url(' ') no-repeat center/cover;
        overflow: hidden;
        z-index: 1;
        position: relative
}
#myVideo{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.99;   
    object-fit: cover;
   
}
#fullscreen { position: absolute;left: 48%; bottom:2%;font: normal 1.4em/0.5em 华文行楷;color:Honeydew; opacity: 1; cursor: pointer;pointer-events: auto; z-index: 2;}
#fullscreen:hover{ transform:scale(1.2,1.2);}
#kz:hover{ transform:scale(1.3,1.3);}
#kz {
        position: absolute;
      mix-blend-mode:screen;
        right: 1%;
        bottom: 1%;
        width: 60px;
        height: 60px;
        cursor: pointer; pointer-events: auto;z-index: 3;
}
</style>
<div id="mama">
<span id="fullscreen">全屏欣赏</span>
<header><meta name="referrer" content="no-referrer"></header>
<video id="myVideo" src="https://www.douyin.com/aweme/v1/play/?video_id=v0d00fg10000ct3u4pnog65o8slpg0m0" autoplay loop style="width:100%;box-shadow: 3px 3px 10px #000;transform:scale(1.0);margin-bottom:0px" controlslist="nodownload" oncontextmenu="return false"></video>
<img id="kz"alt="" src="https://i.mp3.wf/222988554.png"onclick="kz()" title="播放/暂停">
</div>
<script>
      var video = document.getElementById('myVideo');
      var audio = document.getElementsByTagName('audio');

video.muted=false;video.autoplay='true';      

function kz(){if(video.paused){video.play();audio.play();}else{video.pause();audio.pause();};return false;}

function hc(){      
{video.volume='0';audio.volume='1';return false;}
}      

let fs = true;
      fullscreen.onclick = () => {
                fs ? (fullscreen.innerText = '退出全屏', mama.requestFullscreen()) : (fullscreen.innerText = '全屏欣赏', document.exitFullscreen());
                fs = !fs;
      };

</script>

liumang 发表于 2025-2-16 23:03

{:5_152:}{:5_152:}{:5_152:}
页: [1]
查看完整版本: #凤舞九天dj完整版