平凡 发表于 2024-1-19 11:04

Young Again


<style>
#papa {
        margin: 150px 0 0 calc(50% - 792px);
        position: relative;
        width: 1422px;
        height: 800px;
        background: tan url('https://pic.imgdb.cn/item/65967826871b83018a38f0d3.jpg');
        background-blend-mode: difference;
        border: 3px solid rgba(0,0,200,.6);
        border-radius: 12px;
        box-shadow: 3px 3px 20px #ccc;
        overflow: hidden;
        z-index: 1;
}
#btnplay {
        position: absolute;
        top: 520px;
        left: 100px;
        width:150px;
        filter: hue-rotate(220deg) drop-shadow(0 0 2px transparent);
        cursor: pointer;
        transition: filter .35s ease-in;
        z-index: 1;
        animation: rotating 5s infinite linear var(--state);
}
#btnplay:hover {
        filter: hue-rotate(0) drop-shadow(0 0 30px white);
}
#vid {
        position: absolute;
        top: -60px;
        width: 1422px;
        height: 860px;
        object-fit: cover;
        filter: opacity(.98);
}


@keyframes rotating {
        to { transform: rotate(1turn); }
}

#tit {
      position: absolute;
      left: -50px;
      top: 630px;
      
      background-image:url('https://xlaj.cn/assets/file/zp/20240102011216.gif'); background-size:cover;
      width:650px; height:200px; font: bold 2.0em serif;
      text-align:center; line-height:200px; color:transparent;
      -webkit-background-clip:text;
         border:0px #eddfdc solid; z-index: 10;
}


</style>

<div id="papa">
        <video id="vid" src="https://link.hhtjim.com/163/353135.mp4" loop muted></video>
            


        <audio id="aud" src="http://music.163.com/song/media/outer/url?id=29554109.mp3" autoplay loop></audio>

<div id="tit">Young Again/Hardwell / Chris Jones</div>


        <img id="btnplay" src="https://pic.imgdb.cn/item/65967327871b83018a2bf2dd.png" alt="" title="播放/暂停" />
</div>

<script>

(function() {

let mState = () => {
        aud.paused ?
                (papa.style.setProperty('--state','paused'), vid.pause()) :
                (papa.style.setProperty('--state','running'), vid.play());
};

aud.addEventListener('playing', mState, false);
aud.addEventListener('pause', mState, false);

btnplay.onclick = () => aud.paused ? aud.play() : aud.pause();

})();

</script>

平凡 发表于 2024-1-19 11:05


歌词：



When I was a boy
当我还是个小男孩的时候
I dreamed of a place in the sky
我梦到我身处天空中的某处
Playing in the fields
在草地上玩耍
Battling with my shields
用我的盾牌战斗
Bows made out of twine
还有麻绳做成的弓箭

I wish I could see this world again
我期望我能再次见到这个世界
Through those eyes
透过那些双眼
See the child in me
看到我心中的童真
In my fantasy
在我的幻想中
Never growing old
永远不会衰老

Will we ever feel young again?
我们会再次感到童真么？
Will we ever feel young again?
我们会再次感到童真么？
Will we ever feel young again?
我们会再次感到童真么？
We wanna feel young
我们想感到童真
We wanna feel young again!
我们想再次感到年轻时的力量！

When I was a boy,
当我还是个小男孩的时候
I searched for a world that's unknown
我寻找一个未知的世界
All we have is fun
我们只有欢乐
Everybody run until the sun goes down
所有人快乐奔跑直到太阳下山

I wish I could see this world again
我希望我能再次看到这个童真的世界
Through those eyes
通过哪些眼睛
See the child in me
看到我心中的童真
In my fantasy
在我的幻想中
Never growing old
永远不衰老

Will we ever feel young again?
我们会再次感到童真么？
Will we ever feel young again?
我们会再次感到童真么？
Will we ever feel young again?
我们会再次感到童真么？
We wanna feel young
我们想感到童真
We wanna feel young again
我们想再次感到年轻时的力量！

明月印 发表于 2024-1-19 12:54

好听。。。。。。

平凡 发表于 2024-1-19 17:25

公子世无双 发表于 2024-1-19 12:54
好听。。。。。。

会继续分享好音乐

雾桥 发表于 2024-1-19 17:33

好大的播放器

平凡 发表于 2024-1-19 18:13

雾桥 发表于 2024-1-19 17:33
好大的播放器

小一点也可以的

明月印 发表于 2024-1-19 18:35

平凡 发表于 2024-1-19 17:25
会继续分享好音乐

期待

大鹏 发表于 2024-1-19 21:23

来欣赏一下英文歌曲。

蓝魔 发表于 2024-1-19 21:32

欣赏一下，谢谢。

平凡 发表于 2024-1-20 08:09

大鹏 发表于 2024-1-19 21:23
来欣赏一下英文歌曲。

大鹏早上好
页: [1] 2
查看完整版本: Young Again