Harry Westlake - Rich Girl

马黑黑

马黑黑

代码

1. <style>
   
2. #papa { margin: -70px 0 0 calc(50% - 681px); width: 1200px; height: 795px; box-shadow: 3px 3px 20px #000; background: url('https://638183.freep.cn/638183/t24/jpg/richgirl.jpg') no-repeat center/cover; position: relative; display: grid; place-items: center; overflow: hidden; z-index: 1; }
   
3. #papa video { position: absolute; width: 100%; height: 760px; top: -60px; object-fit: cover; pointer-events: none; mix-blend-mode: screen; }
   
4. </style>
   
5. 
   
6. <div id="papa">
   
7.         <video id="vid" src="https://img.tukuppt.com/video_show/2269348/00/17/44/5ec497a38f522.mp4" loop muted></video>
   
8. </div>
   
9. 
   
10. <script>
    
11. let sf = document.createElement('script');
    
12. sf.src = 'https://638183.freep.cn/638183/web/api/ypPlayer.min.js';
    
13. sf.charset = 'utf-8';
    
14. document.body.appendChild(sf);
    
15. 
    
16. sf.onload = () => {
    
17.         let player = new ypP();
    
18.         player.setAudSrc('https://music.163.com/song/media/outer/url?id=2006434984');
    
19.         player.setBtnCss(`
    
20.                 width: 300px;
    
21.                 bottom: 10px;
    
22.                 --btnBg: url('https://638183.freep.cn/638183/web/svg/sunfl-2.svg') no-repeat center/cover;
    
23.                 --trackBg: transparent;
    
24.                 --progBg: rgba(0,100,0,.7);
    
25.                 --btnSize: 50px;
    
26.         `);
    
27.         player.setLrcCss('top: 15px; color: rgba(144,238,144,.9); --bg: rgba(0,100,0,.65); font-size: 2.0em;');
    
28.         player.lrcAr = [ [2.00,"词 : Journey Montana",2.5], [5.00,"曲 : Harry Westlake",2.5], [10,"歌手 : Journey Montana", 8], [19,"You said, 'Let me upgrade you'",1.7], [21.05,"I don't got time today (Time today)",1.7], [23.57,"If you can't pay it, you better find a way",3.6], [27.35,"Money is never the problem",2.3], [29.87,"But I need that bread by tomorrow",2.0], [32.36,"We don't have nothing in common",1.9], [34.52,"Breaking these niggas like commas, ohhh",2.5], [38.68,"Louis, Ksubi, Prada bag",2.0], [40.69,"Trashin' shit they wish they had",2.3], [43.28,"Broke niggas really make me mad",2.0], [45.5,"A broke boy make a rich girl so sad",2.1], [47.65,"I told you I don't got time today",2.2], [49.85,"You ain't even cross my mind today",2.4], [52.22,"Fifty racks came in, keep it in the safe",2.3], [54.74,"I can't stay, gotta make this play",2.4], [57.19,"What would you do for the money?",1.7], [58.84,"Don't say, 'Nothing'",1.2], [60.06,"When you with a rich girl",1.7], [62.03,"Pussy so sweet like honey",1.5], [63.58,"I don't need your money, but you could spend it on a rich girl",3.1], [66.72,"What would you do for the cash?",1.9], [68.63,"What would you do for some ass?",1.5], [70.09,"****ing with a rich girl",1.5], [71.59,"I got bags on bags, I got bags on bags, ahh",4.2], [76.32,"Louis, Ksubi, Prada bag",1.9], [79.5,"They wish they had it",1.5], [81.91,"I'm a rich bitch",1.1], [83.43,"Bitches outside eating fish sticks",2.2], [88.40,"I could never",0.5], [91.62,"I'm a bad bitch",1.0], [94.54,"get it together, nigga",1.0], [95.55,"NDA's for contact, better read your contract",4.0], [99.99,"Tried to give my love away, but I forgot to call back",4.4], [105.31,"Don't impress me, I learned my lessons",3.9], [109.53,"If you was a rich nigga, you wouldn't be stressing",4.4], [114.26,"All the money in the world couldn't bag a bitch (Bag a bitch)",4.3], [119.22,"It's all this money in the world, you still not having it?",3.2], [123.84,"Diamonds and pearls, it could be worse",3.5], [128.24,"Started in last place, ended in first, ohh",4.3], [133.31,"What would you do for the money?",1.6], [135.17,"Don't say, 'Nothing'",0.9], [136.09,"When you with a rich girl",1.7], [138.26,"Pussy so sweet like honey",1.1], [139.65,"I don't need your money, but you could spend it on a rich girl",2.7], [142.82,"What would you do for the cash?",1.7], [144.47,"What would you do for some ass?",1.8], [146.45,"****ing with a rich girl",1.3], [147.79,"I got bags on bags, I got bags on bags, ahh",4.0], [152.17,"Louis, Ksubi, Prada bag",3.0], [155.54,"They wish they had it",1.6] ];
    
29. };
    
30. </script>
    

复制代码

马黑黑

醉美水芙蓉 发表于 2024-1-8 19:24
问候老师晚上好！

千羽

俺去换个浏览器……

马黑黑

千羽 发表于 2024-1-8 19:59
俺去换个浏览器……

你还用IE内核的浏览器呀

千羽

马黑黑 发表于 2024-1-8 20:01
你还用IE内核的浏览器呀

黑黑老师，我的浏览器都不给力，你推荐一个呗

马黑黑

千羽 发表于 2024-1-8 20:03
黑黑老师，我的浏览器都不给力，你推荐一个呗

你先说说你的操作系统是Windows几

千羽

马黑黑 发表于 2024-1-8 20:06
你先说说你的操作系统是Windows几

10

红影

这首外文歌曲，而且歌词很快，做同步歌词还真挺不容易呢。
欣赏黑黑好帖

马黑黑

红影 发表于 2024-1-8 20:14
这首外文歌曲，而且歌词很快，做同步歌词还真挺不容易呢。
欣赏黑黑好帖

今天做歌词做的不太好

马黑黑

千羽 发表于 2024-1-8 20:12
10

win10的话，升级它自带的浏览器 Edge 到最新版本，非常好用。

红影

马黑黑 发表于 2024-1-8 20:41
今天做歌词做的不太好

挺好啊，我这里看到的很准确呢

小辣椒

黑黑这个源码二楼没有特殊注解啊，这个播放器按钮用了svg图片

小辣椒

其实我蛮喜欢带进度条的播放器的

小辣椒

谢谢黑黑分享教程，小辣椒要努力了

千羽

马黑黑 发表于 2024-1-8 20:42
win10的话，升级它自带的浏览器 Edge 到最新版本，非常好用。

我试了下，真的挺好的，以前都打入了冷宫

千羽

马黑黑 发表于 2024-1-8 20:42
win10的话，升级它自带的浏览器 Edge 到最新版本，非常好用。

感觉真的挺好用，太高兴了，多谢黑黑老师

马黑黑

千羽 发表于 2024-1-8 22:51
感觉真的挺好用，太高兴了，多谢黑黑老师

而且你会感觉到越用越好用

马黑黑

千羽 发表于 2024-1-8 22:47
我试了下，真的挺好的，以前都打入了冷宫

Edge今非昔比，现在它是顶尖的浏览器