【黑师代码】静听花开（学习黑师《紫色》fsgo_hc插件小播效果）
本帖最后由 南无月 于 2024-3-16 16:56 编辑 <br /><br /><style>#tiezi {
margin: 130px 0 30px calc(50% - 931px);
width: 1700px;
height: 900px;
background: url('https://pic.imgdb.cn/item/65f462d19f345e8d031c7e95.jpg') no-repeat center/cover;
box-shadow: 3px 3px 20px #000;
position: relative;
overflow: hidden;
z-index: 1000;
}
#btnplay {
position: absolute;
left: 10px;
top: 10px;
width: 80px;
height: 80px;
transition: 5s;
cursor: pointer;
opacity: .9;
animation: rot 6s linear infinite var(--state);
}
#tiezi:fullscreen #btnplay { width: 120px; height: 120px; }
#tiezi video {
position: absolute;
width: 460px;
height: 460px;
border-radius: 40%;
object-fit: cover;
right:-100px;
bottom:150px;
mix-blend-mode: screen;
opacity: .59;
pointer-events: none;
}
@keyframes rot { to { transform: rotate(360deg); } }
</style>
<div id="tiezi">
<audio src="https://music.163.com/song/media/outer/url?id=28757262" autoplay loop></audio>
<video src="https://img.tukuppt.com/video_show/15653652/00/70/23/607fa95bafcf8.mp4" loop muted></video>
<video src="https://img.tukuppt.com/video_show/15653652/00/79/86/60c98c8146068.mp4" loop muted></video>
<img id="btnplay" src="https://pic.imgdb.cn/item/65f457eb9f345e8d03c4c521.png" alt="" title="点击播放" />
</div>
<script>
(function() {
let sF = document.createElement('script');
sF.src = 'https://638183.freep.cn/638183/web/api/fsgo_hc.js';
sF.charset = 'utf-8';
document.querySelector('body').appendChild(sF);
sF.onload = () => FS({
papa: '#tiezi',
css: '--bg: transparent; --color: #ccc; bottom: 10px; left: 48%;',
go: {x: true, y: true}
});
})();
</script>
<br><br><br><br><br><br> @马黑黑 老师瞧瞧，我把这个贴子换成fsgo_hc插件，不同尺寸同样完美运行。。 这作业可入范文之例！ 樵歌 发表于 2024-3-16 17:11
这作业可入范文之例！
一级棒，比当老师的做得好 南无月 发表于 2024-3-16 16:58
@马黑黑 老师瞧瞧，我把这个贴子换成fsgo_hc插件，不同尺寸同样完美运行。。
太厉害了。
这个赏心悦目，棒棒哒 樵歌 发表于 2024-3-16 17:11
这作业可入范文之例！
感谢樵管支持鼓励。。{:4_173:} 马黑黑 发表于 2024-3-16 17:12
太厉害了。
这个赏心悦目，棒棒哒
{:4_170:}老师夸就美滋滋开心一下。。。
颜色挺好看的吧。
我也打算整个七彩，一看就知道啥色儿。。 南无月 发表于 2024-3-16 17:23
老师夸就美滋滋开心一下。。。
颜色挺好看的吧。
我也打算整个七彩，一看就知道啥色儿。。
太色不好{:4_170:} 马黑黑 发表于 2024-3-16 17:24
太色不好
{:4_170:}你想说的不是这个吧。。失言失言，后来觉得好象说错话了 南无月 发表于 2024-3-16 17:30
你想说的不是这个吧。。失言失言，后来觉得好象说错话了
饭不能乱吃，话可以乱说的{:4_170:} 马黑黑 发表于 2024-3-16 17:40
饭不能乱吃，话可以乱说的
打住打住。。
晚上要吃啥呀。。{:4_170:} 南无月 发表于 2024-3-16 17:54
打住打住。。
晚上要吃啥呀。。
猪脚煨红菌 这个制作真美。有月儿的测试，黑黑的插件被证实很完美呢{:4_199:} 这么美的画面，再有一朵灵动的小花和右边缓缓开放的花儿，更增添了动态的美感。
月儿真棒{:4_199:} 马黑黑 发表于 2024-3-16 17:11
一级棒，比当老师的做得好
你师徒俩都太谦虚了{:4_173:} 樵歌 发表于 2024-3-16 21:22
你师徒俩都太谦虚了
{:4_170:}哪里哪里 南无月 发表于 2024-3-16 17:22
感谢樵管支持鼓励。。
图做好看相对容易些，有意境就难了！你这意境特别棒！当然，介是俺们文科生的看法，不一定对头哈。 马黑黑 发表于 2024-3-16 21:26
哪里哪里
心里美滋滋的哈{:4_172:} 樵歌 发表于 2024-3-17 06:57
心里美滋滋的哈
那必须的 马黑黑 发表于 2024-3-17 08:17
那必须的
帮你一起开心{:4_189:}