昨夜星辰 帖赠：清茶煮雪（学习黑黑千古绝唱播放器效果）

小辣椒

小辣椒

@清茶煮雪

雪儿不好意思做个作业当礼物了，别嫌弃啊

小辣椒

@马黑黑

黑黑，我昨天晚上试了按你的备注我去测试了，JS里面我不会修改，后来二个图片效果出来了，播放器没有了，今天还是按昨天的制作发了，以后再重新学习过了

小辣椒

反正感觉没有系统学习要完全想自己的效果一下子是做不出来了

马黑黑

小辣椒 发表于 2025-11-27 21:18
@马黑黑

黑黑，我昨天晚上试了按你的备注我去测试了，JS里面我不会修改，后来二个图片效果出来了，播放 ...

JS操作元素，需要对应元素的id，昨天给的示例，[vid, ipic, ipic1]，分别对应于视频标签id（vid）、图片之一id(ipic）、图片之二id（ipic1），后面的语句不用改，只需要确保HTML元素的id都再 [...] 里面。

HTML各元素的id，对应CSS里的 id 选择器 #id，例如：

<img id="ipic" src="..." />

应再 CSS 里有：

#ipic { width: 200px; height: 200px; ... }

CSS 制定HTML元素的样式（例如上面的宽高设置），JS 对元素做相关操作（例如点击元素可以暂停/播放、播放音乐）。

CSS、HTML、JS 是做H5帖子的三件套，彼此间的关系弄清楚，就能在做帖时得心应手，稀里糊涂的认知只会无端消耗时间和精力。

霜染枫丹

很喜欢的歌曲，很精致的画面，点赞！