相思的债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: 47%; 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=v0200fg10000cu2i2q7og65vo2o575j0" 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>
<br><br><br><br><br><br>
嗯嗯:$ admin 发表于 2025-2-16 01:55
嗯嗯
{:5_158:}{:5_159:}
页:
[1]