如果你把我灌醉 - 任夏 TO：小风 （学习黑黑大西厢转盘）
<style>#mydiv { margin: 150px 0 0 calc(50% - 805px); width: 1440px; height: 800px; background: url('https://wj.zp68.com/lxx/yunhua/2023/08/14/tuya.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; display: grid; place-items: center; z-index: 1; position: relative; --state: running; overflow: hidden; }#mydiv::before, #mydiv::after { position: absolute; content: ''; left: calc(50% - 100px); top: calc(50% - 50px); width: 35px; height: 35px; background: repeating-radial-gradient(#feef06, #cd3282 3px, #fef6b0 4px, #00ff78 6px) center / 10% 10%; border-radius: 50%; animation: fly 10s infinite var(--state); --deg1: 0; --deg2: 720deg; }
#mydiv::after { left: calc(50% + 300px); --deg1: 0; --deg2: -720deg; }
@keyframes fly { from { transform: rotate(var(--deg1)) translate(200px) scale(.8); } to { transform: rotate(var(--deg2)) translate(200px) scale(1.2); } }
.mypic {
position: absolute;
right:10%;
top: 3%;
mix-blend-mode: screen;
}
#vid {
position: absolute;
width: 120%;
height: 110%,
bottom:-100px;
left:-56px;
object-fit: cover;
pointer-events: none;
mix-blend-mode: screen;
z-index: 2;
opacity: .75;
}
</style>
<div id="mydiv"><img class="mypic" src="https://wj.zp68.com/lxx/yunhua/2023/08/14/5n.gif" alt="" /><video id="vid" src="https://vlkv-1254134120.cos.ap-guangzhou.myqcloud.com/jqhy.mp4 " autoplay="" loop="" muted=""></video></div>
<audio id="aud" src="https://wj.zp68.com/lxx/yunhua/2023/08/14/clip.mp3" autoplay loop></audio>
<script>
(function() {
let script = document.createElement('script');
script.src = 'https://638183.freep.cn/638183/web/api/3dbox6_fs_lrc.js';
script.charset = 'utf-8';
document.head.appendChild(script);
let geci = [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
window.onload = () => {
HCPlayer({
papa: '#mydiv', /* 宿主元素 */
lrcAr: geci, /* 歌词 */
lrc_css: `
bottom: 80px;
color: Snow; /* 歌词底色 */
--bg: linear-gradient(rgba(10,200,100,.5),rgba(10,200,100,.5));/* 歌词同步颜色 */
`,
player_css: `
bottom: 120px;
left:12%;
--ww: 120px; /* 按钮面板宽度 */
--hh: 70px; /* 按钮面板高度 */
`,
btn_css: `
--btnColor: #fff;/* 全屏按钮文本颜色 */
--btnBg: #a2836f;/* 全屏按钮背景色 */
bottom: 30%;
`,
ttAr: ['如果你','把我','灌醉','歌手','任夏',' Eva版'], /* 按钮面板文本 */
});
}
})();
setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);
</script>
@风中飞尘
小风说这首歌好听，送你了 @马黑黑
黑黑学习捣鼓一个，今天加了个视频背景，我手机是看不见的，所以图图勉强加个视频人物的影子
黑黑这次的全屏欣赏我用了文本颜色修改，js还是会出乱码，用了你的js，前面那个我修改文本没有用，还是不能出来
@花飞飞
飞飞，小辣椒的图就三个图层，网络找好图，然后滤镜加背景纹理图图，快速完成，今天的特殊。因为用视频背景，我就加了个视频人物的影子上去，做图图我真的做不好，只能这样了，花太多时间感觉可惜了，所以做漂亮图图小辣椒已经放弃了{:4_198:} 很玄妙的背景，那些小球也很灵动。转动的六扇屏也很美妙。这个帖子的色彩真美。欣赏亲爱的好帖{:4_199:} 醉美水芙蓉 发表于 2023-8-14 22:07
手机QQ浏览器可以看带视频的播放器！
谢谢水芙蓉欣赏，我现在手机上来了，发现这个手机可以看见视屏背景，太好了 红影 发表于 2023-8-14 22:10
很玄妙的背景，那些小球也很灵动。转动的六扇屏也很美妙。这个帖子的色彩真美。欣赏亲爱的好帖
亲爱的，就怕视频背景看不见，我很少做视频背景，这次黑黑的小球我感觉刚好这个视频背景可以玩一次，可以看见太好了 小辣椒 发表于 2023-8-14 22:17
亲爱的，就怕视频背景看不见，我很少做视频背景，这次黑黑的小球我感觉刚好这个视频背景可以玩一次，可以 ...
我一直喜欢做视频背景，用电脑都能看到的啊{:4_173:} 红影 发表于 2023-8-14 22:22
我一直喜欢做视频背景，用电脑都能看到的啊
很多手机看不见的，前面我就是一直看不见视频背景的，老头许多帖我手机看不见的 小辣椒 发表于 2023-8-14 21:55
@马黑黑
黑黑学习捣鼓一个，今天加了个视频背景，我手机是看不见的，所以图图勉强加个视频人物的影子
关于全屏，请不要在JS文件里修改按钮属性，要学会在页面中配置插件时设置相关属性：
fs_css: `
left: 20px;
bottom: 20px;
--color: #eee;
--bg: #333;
`, 小辣椒 发表于 2023-8-14 22:24
很多手机看不见的，前面我就是一直看不见视频背景的，老头许多帖我手机看不见的
这个好像黑黑说的，换个手机的浏览器就看到了。 马黑黑 发表于 2023-8-14 22:27
关于全屏，请不要在JS文件里修改按钮属性，要学会在页面中配置插件时设置相关属性：
fs_css: `
我是这里修改的啊 小辣椒 发表于 2023-8-14 22:32
我是这里修改的啊
这里修改有什么问题吗 红影 发表于 2023-8-14 22:30
这个好像黑黑说的，换个手机的浏览器就看到了。
我都直接链接进去的，现在我浏览器设置了电脑模式，要复制链接在浏览器看了 马黑黑 发表于 2023-8-14 22:32
这里修改有什么问题吗
没有啊，就是你让我上传js我没有上传了。直接用你的了 小辣椒 发表于 2023-8-14 22:35
没有啊，就是你让我上传js我没有上传了。直接用你的了
额。用我的也行的，我的网盘速度不错。 马黑黑 发表于 2023-8-14 22:36
额。用我的也行的，我的网盘速度不错。
我还省力许多{:4_189:}
黑黑我下了，今天太迟了 小辣椒 发表于 2023-8-14 21:58
@花飞飞
飞飞，小辣椒的图就三个图层，网络找好图，然后滤镜加背景纹理图图，快速完成，今天的特殊。因 ...
有舍有得，小辣椒你的选择是正确的。。
这样的图图也十分好看。。
你用手机做贴啊，真是佩服极了。。{:4_170:}
页:
[1]
2