You'll Be My Love - Bob Gleaves
<style>#mama {
margin: 130px 0 30px calc(50% - 721px);
width: 1280px;
height: 640px;
background: url('https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/a31aee9bf301ff0bd0297297ccd73cdd_preview.jpg') no-repeat center/cover;
box-shadow: 0 0 8px rgba(0,0,0,.65);
overflow: hidden;
z-index: 1;
position: relative;
}
#dt1{ position: absolute; width:12px; height:20px; top: 400px; left: 170px; }
#mama > video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: screen;
-webkit-mask: linear-gradient(to right top, red 10%, transparent 90%, transparent);
pointer-events: none;
}
</style>
<div id="mama" class="mama">
<audio src="https://music.163.com/song/media/outer/url?id=5197157" autoplay loop></audio>
<video src="https://img.tukuppt.com/video_show/2629112/00/02/01/5b4eed878e310.mp4" autoplay loop muted></video>
<img id="dt1" src="https://xlaj.cn/assets/file/zp/20231030141805.jpg " alt="" />
</div>
<script>
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/svgpath_yslrc.js';
document.body.appendChild(sf);
sf.onload = () => {
HCPlayer({
papa: '#mama',
geci: geci,
skip: 0,
average: 0,
path: 'm200.62628,85.24308c0.12325,1.69025 0.12325,3.38086 0.12325,5.07111c0,51.55474 -40.04122,110.95789 -113.22493,110.95789c-22.54653,0 -43.49116,-6.39937 -61.10948,-17.50676c3.20343,0.36198 6.28324,0.48277 9.60992,0.48277c18.60358,0 35.72927,-6.15743 49.40502,-16.66163c-17.49507,-0.36235 -32.15646,-11.5909 -37.20793,-27.04542c2.4643,0.36198 4.92821,0.60355 7.51576,0.60355c3.57281,0 7.14601,-0.48314 10.47231,-1.32789c-18.2342,-3.62243 -31.91033,-19.31816 -31.91033,-38.27396l0,-0.48277c5.29759,2.89772 11.45834,4.70875 17.9877,4.94995c-10.71882,-7.00293 -17.74119,-18.9558 -17.74119,-32.47852c0,-7.24412 1.97091,-13.8847 5.42085,-19.68014c19.58961,23.66456 49.03564,39.11872 82.05411,40.80933c-0.61588,-2.89772 -0.98564,-5.91586 -0.98564,-8.93437c0,-21.49155 17.74157,-38.9983 39.7951,-38.9983c11.45796,0 21.80702,4.70875 29.07628,12.31523c8.99366,-1.69025 17.61794,-4.95032 25.25696,-9.41751c-2.95731,9.05553 -9.24054,16.66201 -17.49507,21.49117c8.0084,-0.84475 15.77029,-3.01851 22.91591,-6.03665c-5.42009,7.72689 -12.19671,14.60866 -19.95861,20.16291z',
img: { play: '', pause: '' },
btn: {left:54, top: 120},
track: { track: 'lightblue', prog: 'white' },
player_css: 'width: 300px; height: 210px; left: 10px; bottom: 100px;',
lrc_css: 'left: 50%; top: 20px; transform: translateX(-50%);',
fs_css: 'left: 50%; bottom: 20px; transform: translateX(-50%);',
});
};
var geci = `You'll Be My Love - Bob Gleaves<br>你会成为我的爱人
LRC编辑：醉美水芙蓉
My love till you are near<br>直到你到来，我产生了爱意
I long for your touch<br>我渴望得到你的爱
You are the only one with you<br>你是唯一的唯一
I know I'll find love that I need<br>我知道我会找到我的所爱
Love for a life time<br>爱到天荒地老
So please believe it's true<br>所以请相信我是真心的
Our love will see us thru<br>我们的爱会一路相随
For one heart share by two<br>一颗心与你分享
We'll always stand now and forever<br>我们的感情会持续到永远
Thru the sun or all thru the rain<br>无论晴雨
And for all time<br>一直到永远
You'll always be my love<br>你都是我的爱人
So please believe it's true<br>所以请相信我是真心的
Our love will see us thru<br>我们的爱会一路相随
For one heart share by two<br>一颗心与你分享
We'll always stand now and forever<br>我们的感情会持续到永远
Thru the sun and all thru the rain<br>无论晴雨
And for all time<br>一直到永远
You'll always be my love<br>你都是我的爱人
Thru the sun and all thru the rain<br>无论晴雨
You'll always be my love<br>你都是我的爱人
Or all thru the rain<br>无论晴雨
And for all time<br>一直到永远
You'll always be to be my love<br>你都是我的爱人
谢谢欣赏！
`;
</script>
水芙蓉聪明，直接套用了路径代码，其实这个鸽子的眼睛你不是套用会加上去位置放不好的 欣赏水芙蓉精彩的制作{:4_187:} 这个也是作业 你应该艾特一下老师 小辣椒 发表于 2024-9-2 21:36
水芙蓉聪明，直接套用了路径代码，其实这个鸽子的眼睛你不是套用会加上去位置放不好的
谢谢小辣椒的小鸟播放器很喜欢！ 醉美水芙蓉 发表于 2024-9-2 22:03
谢谢小辣椒的小鸟播放器很喜欢！
没事，我昨天发的也是可以套用的，换个图片换个音乐就可以 小辣椒 发表于 2024-9-2 21:36
水芙蓉聪明，直接套用了路径代码，其实这个鸽子的眼睛你不是套用会加上去位置放不好的
是的！眼睛全屏移位了！ 小辣椒 发表于 2024-9-2 22:05
没事，我昨天发的也是可以套用的，换个图片换个音乐就可以
谢谢小辣椒支持！ 醉美水芙蓉 发表于 2024-9-2 22:08
谢谢小辣椒支持！
现在我的音乐和图片许多上传在朋友的空间了，他们的不能外链，所以你们取了代码电脑预览看不见了 欣赏佳作，谢谢分享！ https://dingyue.ws.126.net/2019/1117/f41c4906g00q12n55001ic200hs00hsg00hs00hs.gif 欣赏佳作，问候芙蓉。 欣赏佳作，点赞！
彩云归 发表于 2024-9-3 06:36
欣赏佳作，谢谢分享！
谢谢彩云归老师欣赏支持！ 起个网名好难 发表于 2024-9-3 07:28
谢谢老师支持！ 梦油 发表于 2024-9-3 08:27
欣赏佳作，问候芙蓉。
谢谢梦油老师支持！ 老谟深虑 发表于 2024-9-3 11:09
欣赏佳作，点赞！
谢谢老师支持！ 醉美水芙蓉 发表于 2024-9-3 19:26
谢谢梦油老师支持！
芙蓉朋友别客气。
页:
[1]