论坛 › 音乐沙龙 › Passage

马黑黑 发表于 2025-1-30 20:40

Passage

本帖最后由 马黑黑 于 2025-1-30 21:50 编辑 <br /><br /><style>
        @import 'https://638183.freep.cn/638183/web/mod/button.css';
        #tz { --state: running; margin: 30px 0 30px calc(50% - 593px); background: url('https://638183.freep.cn/638183/t24/5/passage.jpg') no-repeat center/cover; }
        #fsbtn { bottom: 20px; }
</style>

<div id="tz" class="pa">
        <audio src="https://music.163.com/song/media/outer/url?id=33378178"></audio>
        <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/24/12/25/16/14/01/video676bbec9ced44.mp4" autoplay loop muted></video>
        <img class="mplayer" src="https://638183.freep.cn/638183/small/202501.png" alt="" />
        <div id="fsbtn" class="fsbtn"></div>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/button.js';
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        hcplay(tz);
        fscreen.fs(tz, fsbtn);
</script>

马黑黑 发表于 2025-1-30 20:40

<h2>帖子代码</h2>
<div id="hEdiv"><pre id="hEpre">
&lt;style&gt;
        @import 'https://638183.freep.cn/638183/web/mod/btn_lrc.css';
        #tz { --state: running; margin: 30px 0 30px calc(50% - 593px); background: url('https://638183.freep.cn/638183/t24/5/passage.jpg') no-repeat center/cover; }
        #fsbtn { bottom: 20px; }
&lt;/style&gt;

&lt;div id="tz" class="pa"&gt;
        &lt;audio src="https://music.163.com/song/media/outer/url?id=33378178"&gt;&lt;/audio&gt;
        &lt;video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/24/12/25/16/14/01/video676bbec9ced44.mp4" autoplay loop muted&gt;&lt;/video&gt;
        &lt;img class="mplayer" src="https://638183.freep.cn/638183/small/202501.png" alt="" /&gt;
        &lt;div id="fsbtn" class="fsbtn"&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;script type="module"&gt;
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/btn_lrc.js';
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        hcplay(tz);
        fscreen.fs(tz, fsbtn);
&lt;/script&gt;
</pre></div>

<script type="module">
import hlight from 'https://638183.freep.cn/638183/web/mod/helight.js';
hlight.hl(hEdiv, hEpre);
</script>

花飞飞 发表于 2025-1-30 20:57

十来行代码整出这么漂亮的贴子~~
视频大气唯美，这烟花肆意绽放，比之前选到的烟花都好看。。{:4_173:}

花飞飞 发表于 2025-1-30 21:00

这个小播比较大，也选得图好看，我看到有的白底没抠干净哈哈。。
跟时光隧道似的，也像是个魔法转盘，转动时飞溅出来的烟花。。

花飞飞 发表于 2025-1-30 21:01

这个贴子接现实，这几天刷到的真的烟花视频一样。。
白老师这两天也有放大烟花吧，想想就过瘾~我是真想整一些来放，不知道哪里去买{:4_170:}
音乐是纯音，怪神秘的。。

马黑黑 发表于 2025-1-30 21:05

花飞飞 发表于 2025-1-30 20:57
十来行代码整出这么漂亮的贴子~~
视频大气唯美，这烟花肆意绽放，比之前选到的烟花都好看。。

喜新厌旧{:4_189:}

马黑黑 发表于 2025-1-30 21:06

花飞飞 发表于 2025-1-30 21:01
这个贴子接现实，这几天刷到的真的烟花视频一样。。
白老师这两天也有放大烟花吧，想想就过瘾~我是真想整 ...

拼多多有的吧。就是不可以乱放，要在指定时间到指定地点去燃放

马黑黑 发表于 2025-1-30 21:06

花飞飞 发表于 2025-1-30 21:00
这个小播比较大，也选得图好看，我看到有的白底没抠干净哈哈。。
跟时光隧道似的，也像是个魔法转盘，转动 ...

眼神不好，随意抠抠

花飞飞 发表于 2025-1-30 21:15

马黑黑 发表于 2025-1-30 21:05
喜新厌旧

人之常情{:4_173:}

花飞飞 发表于 2025-1-30 21:16

马黑黑 发表于 2025-1-30 21:06
拼多多有的吧。就是不可以乱放，要在指定时间到指定地点去燃放

一直说不能放，
结果今年只要没有人举报就可以 放。
或者点燃后交给来抓的警察叔叔销毁。。{:4_170:}
后悔没想着要买点

花飞飞 发表于 2025-1-30 21:17

马黑黑 发表于 2025-1-30 21:06
眼神不好，随意抠抠

这个创意很有艺术感。。。喜庆

马黑黑 发表于 2025-1-30 21:36

花飞飞 发表于 2025-1-30 21:17
这个创意很有艺术感。。。喜庆

其实那个图片，“留白”是对的，其固定作用，要不然会散架的{:4_170:}

马黑黑 发表于 2025-1-30 21:37

花飞飞 发表于 2025-1-30 21:16
一直说不能放，
结果今年只要没有人举报就可以 放。
或者点燃后交给来抓的警察叔叔销毁。。


最好还是遵守规定

马黑黑 发表于 2025-1-30 21:37

花飞飞 发表于 2025-1-30 21:15
人之常情

正常的样纸

小辣椒 发表于 2025-1-30 21:38

马黑黑 发表于 2025-1-30 20:40
帖子代码

&lt;style&gt;


哇塞，全部封装进去了，套用太简单了，黑黑就为小辣椒这种懒人想的周到{:4_170:}

小辣椒 发表于 2025-1-30 21:39

今天初二，给黑黑拜年了，祝蛇年大吉！{:4_187:}

马黑黑 发表于 2025-1-30 21:40

小辣椒 发表于 2025-1-30 21:38
哇塞，全部封装进去了，套用太简单了，黑黑就为小辣椒这种懒人想的周到

这个年前都已经发了好几帖了

马黑黑 发表于 2025-1-30 21:40

小辣椒 发表于 2025-1-30 21:39
今天初二，给黑黑拜年了，祝蛇年大吉！

一样祝你

小辣椒 发表于 2025-1-30 21:42

马黑黑 发表于 2025-1-30 21:40
这个年前都已经发了好几帖了

那我又许多作业没有完成了

红影 发表于 2025-1-30 21:43

很漂亮的烟花，像迎面扑下来似的，小播也有趣，顺应着世间的一切，如同日子不紧不慢地过着。
欣赏黑黑好帖{:4_199:}

查看完整版本: Passage