我的好兄弟
<meta charset="UTF-8">
<style>
#mama {
margin: 150px 0 30px calc(50% - 720px);
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=v02f52g10003cuhupnfog65hve3o4mqg" 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>
@小辣椒
上来看看{:6_181:} {:5_140:} :) 1111 111111 {:5_149:} {:5_129:} {:5_149:} {:5_128:}
页:
[1]