今生缘 TO：樵歌 （学习黑黑图片做歌词颜色效果）
<style>#papa {
margin: 150px 0 0 calc(50% - 981px);
width: 1800px;
height: 1078px;
background: url('https://xlaj.cn/assets/file/zp/20240113175735.jpg ') no-repeat center/cover;
box-shadow: 3px 3px 20px #000;
position: relative;
z-index: 1;
display: grid;
place-items: center;
}
#papa video {
position: absolute;
width: 30%;
height: 30%;
top:50px; left: 400px;
object-fit: cover; pointer-events: none; mix-blend-mode: screen; z-index: 2; opacity: .98;}
}
</style>
<div id="papa">
<video src="https://video-js.51miz.com/preview/element/00/01/24/87/E-1248765-52849D3A.mp4" muted loop></video>
</div>
<script>
var sf = document.createElement('script');
sf.src = 'https://638183.freep.cn/638183/web/api/ypPlayer.min.js';
sf.charset = 'utf-8';
document.body.appendChild(sf);
sf.onload = () => {
let player = new ypP();
player.setAudSrc('https://xlaj.cn/assets/file/zp/20240113175843.mp3 ');
player.setBtnCss(`
width: 200px;
left: 1050px;
top: 150px;
opacity: .6;
--btnBg: url('https://638183.freep.cn/638183/web/svg/7c-umbrella.svg') no-repeat center/cover;
--trackBg: linear-gradient(to right, rgba(165, 188, 217, .35), rgba(175, 210, 253, 0.25), rgba(165, 188, 217, 0.25));
--progBg: rgba(0,0,205,.7);
--btnSize: 45px;
`);
player.setLrcCss(`top: 872px; left: 1050px; color: rgba(250,250,250,.4); --bg: url('https://xlaj.cn/assets/file/zp/20240113175813.jpg'); font-size: 2.0em;`);
player.lrcAr = [,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
};
</script> @樵歌
樵哥哥早就想做个帖送你，樵哥哥是最关心小辣椒的，感谢今生有缘认识。。。。{:4_179:} @马黑黑
黑黑学习做一个半壶纱的，用图片做歌词同步的颜色效果，想做同色系的颜色，试了几个感觉还是用了这朵花的红色，给帖子点缀一下{:4_173:} 平时不喜欢玩大图，因为我会手机看不全，一般做1280宽刚好，今天加大了一点 小辣椒第一次做这个小红伞播放器，每次都自己改了，现在发现没有小红伞漂亮的{:4_170:} 漂亮的七色小伞，漂亮的带花朵点缀的同步歌词。
欣赏亲爱的好帖，师兄收礼开心@樵歌{:4_187:} 醉美水芙蓉 发表于 2024-1-13 20:38
小辣椒眼睛不好还坚持做图，精神可佳！小辣椒辛苦了！
谢谢水芙蓉欣赏{:4_171:}
小辣椒现在很少做图，都是旧图重新玩 红影 发表于 2024-1-13 20:40
漂亮的七色小伞，漂亮的带花朵点缀的同步歌词。
欣赏亲爱的好帖，师兄收礼开心@樵歌
亲爱的，今天把播放器放上面位置试试，最早以前玩swf播放器，小播放器都是放上面位置的，今天测试一下这小伞的播放器放上面的感觉 小辣椒 发表于 2024-1-13 20:45
亲爱的，今天把播放器放上面位置试试，最早以前玩swf播放器，小播放器都是放上面位置的，今天测试一下这 ...
很不错啊，放上面也很好看的呢{:4_187:} 红影 发表于 2024-1-13 20:48
很不错啊，放上面也很好看的呢
我也是感觉放上面效果不错，主要是小红伞漂亮，点缀了画面效果 小辣椒 发表于 2024-1-13 20:50
我也是感觉放上面效果不错，主要是小红伞漂亮，点缀了画面效果
这个主要看画面的效果，亲爱的这个图图放上面特别合适呢{:4_187:} 红影 发表于 2024-1-13 20:51
这个主要看画面的效果，亲爱的这个图图放上面特别合适呢
是的，但我播放器要改小尺寸才合适一点，小播以前我做swf的尺寸还小一点的 欣赏小辣椒美帖！制作辛苦了！{:4_187:} 小辣椒 发表于 2024-1-13 20:10
@樵歌
樵哥哥早就想做个帖送你，樵哥哥是最关心小辣椒的，感谢今生有缘认识。。。。
睡前听見窗外歌声飘来，收个礼就去呼呼了。在梦里再欣赏{:4_205:} 小辣椒 发表于 2024-1-13 20:15
平时不喜欢玩大图，因为我会手机看不全，一般做1280宽刚好，今天加大了一点
图意不错 亦是金 发表于 2024-1-13 21:47
欣赏小辣椒美帖！制作辛苦了！
问好前辈，谢谢欣赏{:4_187:} 樵歌 发表于 2024-1-13 21:53
睡前听見窗外歌声飘来，收个礼就去呼呼了。在梦里再欣赏
哇塞~~樵哥哥手机上来的啊，现在樵哥哥玩手机也是很溜了{:4_170:} 马黑黑 发表于 2024-1-13 21:58
图意不错
黑黑晚上好，旧图玩玩，求速度{:4_170:}