风中飞尘 发表于 2021-1-3 09:58

我的好兄弟

<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:4%;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>

冬天的雨 发表于 2021-1-3 12:03

恭喜。。测试成功{:4_199:}{:4_199:}

风中飞尘 发表于 2021-1-3 12:11

冬天的雨 发表于 2021-1-3 12:03
恭喜。。测试成功

有点问题 不是我想要的那个效果

冬天的雨 发表于 2021-1-3 12:15

风中飞尘 发表于 2021-1-3 12:11
有点问题 不是我想要的那个效果

我可以欣赏到音乐

冬天的雨 发表于 2021-1-3 13:04

这个背景视频有点大{:4_199:}

稍等就出来了

偶然~ 发表于 2021-1-4 13:37

唱的太棒了~～☆★～~我听的都醉了~都醉了~0~

偶然~ 发表于 2021-1-4 13:37

好听｀好听｀给我签个名吧！就签俺衣服上吧！要带唇印的哦~~

偶然~ 发表于 2021-1-4 13:38

制作大气¤好棒哦¤

偶然~ 发表于 2021-1-4 13:38

艺术家！！专业歌星~~~~ぷ╰...☆╮辛苦了ぷ╰☆╮

偶然~ 发表于 2021-1-4 13:38

唱的真棒~~╰☆☆╮谢谢你带来的精彩～！

偶然~ 发表于 2021-1-4 13:38

牡丹花★·。水仙花╰☆╮一筐一筐又一筐∴ 紫丁香╰☆╮【*偶然 献花给你啦】

偶然~ 发表于 2021-1-4 13:38

玫瑰花☆╮╮芍药花☆╮╰☆☆╮合欢花花～【偶然 送给你】
页: [1]
查看完整版本: 我的好兄弟