琴心
<style>@import 'https://638183.freep.cn/638183/web/mod/osc_lrc.css';
#pa { margin: 30px 0 30px calc(50% - 721px); width:1280px; height: 700px; background: url('https://638183.freep.cn/638183/t24/webp3/qbxb.webp') no-repeat center/cover; }
#mplayer { width: 400px; left: calc(50% + 100px); bottom: 10px; --prog: #396c7d; --track: #fff; }
#fsbtn { left: 200px; bottom: 10px; }
</style>
<div id="pa" class="pa">
<audio src="https://music.163.com/song/media/outer/url?id=2067797121"></audio>
<video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/05/10/06/35/video6365c52bae37e.mp4" autoplay loop muted></video>
<div id="fsbtn" class="fsbtn"></div>
</div>
<script type="module">
import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
import { hcplay } from 'https://638183.freep.cn/638183/web/mod/osc_lrc.js';
hcplay(pa);
fscreen.fs(pa, fsbtn);
</script>
<h2>帖子代码</h2>
<div id="hEdiv"><pre id="hEpre">
<style>
@import 'https://638183.freep.cn/638183/web/mod/osc_lrc.css';
#pa { margin: 30px 0 30px calc(50% - 721px); width:1280px; height: 700px; background: url('https://638183.freep.cn/638183/t24/webp3/qbxb.webp') no-repeat center/cover; }
#mplayer { width: 400px; left: calc(50% + 100px); bottom: 10px; --prog: #396c7d; --track: #fff; }
#fsbtn { left: 200px; bottom: 10px; }
</style>
<div id="pa" class="pa">
<audio src="https://music.163.com/song/media/outer/url?id=2067797121"></audio>
<video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/05/10/06/35/video6365c52bae37e.mp4" autoplay loop muted></video>
<div id="fsbtn" class="fsbtn"></div>
</div>
<script type="module">
import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
import { hcplay } from 'https://638183.freep.cn/638183/web/mod/osc_lrc.js';
hcplay(pa);
fscreen.fs(pa, fsbtn);
</script>
</pre></div>
<script type="module">
import hlight from 'https://638183.freep.cn/638183/web/mod/helight.js';
hlight.hl(hEdiv, hEpre);
</script>
头一次看到黑黑的这种风格的帖子，人物好帅啊{:4_173:} 如此小的代码量，如此生动的效果，谢谢马老师精彩分享{:4_191:} 好简洁的代码，这么漂亮的帖子只有这么短短几行的代码，太赞了{:4_199:} 这样的帖子只要换个图图和视频及音乐，就是个新帖了呢，太方便了{:4_187:} 今天出了个示波无歌词纯音版，看沙发代码楼，短小精悍，舒适无比。。
这色彩怎么看怎么搭，无敌了。{:4_173:} 这个陈情令剧照选得太好了惊艳无比，这个男二也是是当年这部剧大火的主要原因。。
最最关键的是老师选的视频内容和色彩，真是点睛之笔
这应该就是作品上用视频使用的终极意义。。
给背景增色百倍。。{:4_173:}
没乱夸，是真的 这个是@鱼儿 的最爱，快来瞧一眼。。好看得很{:4_173:} 老师开始古风赛道了么，赞一个{:4_190:} 红影 发表于 2024-12-1 18:02
头一次看到黑黑的这种风格的帖子，人物好帅啊
{:4_189:} 杨帆 发表于 2024-12-1 18:03
如此小的代码量，如此生动的效果，谢谢马老师精彩分享
{:4_190:} 红影 发表于 2024-12-1 18:03
好简洁的代码，这么漂亮的帖子只有这么短短几行的代码，太赞了
谢赞 花飞飞 发表于 2024-12-1 18:35
这个是@鱼儿 的最爱，快来瞧一眼。。好看得很
{:4_195:} 红影 发表于 2024-12-1 18:05
这样的帖子只要换个图图和视频及音乐，就是个新帖了呢，太方便了
{:4_173:} 朵拉 发表于 2024-12-1 18:38
老师开始古风赛道了么，赞一个
谢谢 花飞飞 发表于 2024-12-1 18:30
今天出了个示波无歌词纯音版，看沙发代码楼，短小精悍，舒适无比。。
这色彩怎么看怎么搭，无敌了。{:4_17 ...
谢无敌 花飞飞 发表于 2024-12-1 18:34
这个陈情令剧照选得太好了惊艳无比，这个男二也是是当年这部剧大火的主要原因。。
最最关键的是老师选的视 ...
谢没乱夸 这个是没有按钮的吧还是俺这里看不到了 绿叶清舟 发表于 2024-12-1 20:51
这个是没有按钮的吧还是俺这里看不到了
有按钮。按钮是用标准的 canvas 制作的，看不到说明要么系统有问题，要么浏览器有问题，总而言之不应该看不到。