【月满花潮庆华诞】蛛蛛网
本帖最后由 梦江南 于 2025-10-10 11:53 编辑 <br /><br /><style>@import 'https://638183.freep.cn/638183/web/tz/tz.css';
.pa { --offsetX: 81px; --bg: tan url('https://cccimg.com/view.php/668a6d607f4a078790c67c093ac837f9.jpg') no-repeat center/cover; }
.btnFs { right: 30px; top: 30px; }
.ma { right: 38%; bottom: 36%; width: 18vw; height: 18vw; animation: climb .3s infinite alternate var(--state); }
#wrapper { padding: 0 20px; left: 38%; top: 80%; background: #F1F3F4; clip-path: polygon(0 0,5% 50%,0 100%,100% 100%,95% 50%,100% 0); opacity: 1; }
@keyframes climb { from { transform: skew(-2deg); } to { transform: skew(2deg); } }
</style>
<div id="pa" class="pa"></div>
<script type="module">
import TZ from 'https://638183.freep.cn/638183/web/tz/tz.b.js';
const tz = TZ.TZ('pa');
//视频
tz.add('video', '', 'pd-vid', {src: 'https://img.tukuppt.com/video_show/15653652/05/64/70/64a4dbeedea08.mp4'});
//audio外壳
tz.add('div', 'wrapper', 'absolute sepia', {title: 'Alt+X'});
//音频 ：audio播放器可见，给它披肩外套披件外套（to指令演示）
tz.add('audio', '', '', {
src: 'https://music.163.com/song/media/outer/url?id=1437706540',
controls: ''
}).to(wrapper);
//图片 : 小播
tz.add('img', 'ma', 'ma brightness', {
src: 'https://638183.freep.cn/150_638183/Pic/spider.png',
title: 'Alt+X',
alt: ''
}).playmp3();
//进度条演示（解开注释可见）
//tz.bgprog('', 'prog');
/****
//文本演示（解开注释可见）
tz.add('span', '', 'title-text')
.text('I Am You')
.style('right: 10px; bottom: 10px;');
****/
tz.fs();
if(tz.browser().name === 'Mozilla Firefox') wrapper.style.setProperty('background', '#1F0F0A');
</script> 鸣谢黑黑老师的I Am You（测试tzMaker.b）代码。{:4_190:} 去掉controls： ''会清爽些 这个选题独辟蹊径，有意思。 会跳舞的蜘蛛
{:4_199:} 夕阳黄昏 发表于 2025-10-10 12:32
去掉controls： ''会清爽些
问好老师，这个controls： ''是进度条的，去掉后白色的箭头进度条就没有了。 梦油 发表于 2025-10-10 12:54
这个选题独辟蹊径，有意思。
问好梦油，谢谢欣赏。 澜天 发表于 2025-10-10 13:06
会跳舞的蜘蛛
问好澜天，谢谢欣赏。 夕阳黄昏 发表于 2025-10-10 12:32
去掉controls： ''会清爽些
回老师，这箭头的进度条点它会变淡黄色的。 梦江南 发表于 2025-10-10 13:53
问好梦油，谢谢欣赏。
你的脑子真灵。 梦油 发表于 2025-10-10 14:03
你的脑子真灵。
江南是最苯的了，哪能同你比啊。 梦江南 发表于 2025-10-10 14:05
江南是最苯的了，哪能同你比啊。
英雄什么时候也不说自己是英雄，而小人什么时候也不说自己是小人。 夕阳黄昏 发表于 2025-10-10 12:32
去掉controls： ''会清爽些
黄昏老师，你帮澜天看看他发的MP4代码：<a href="<DIV style=" width:1280px;="" position:="" relative;="" left:="" -150px;="" top:="" 150px"=""><video controls="controls" width="720" height="520" src="https://video7.peiyinxiu.com/download/202510051103bee40a49_159540844.mp4 " autoplay="autoplay"></video><br><br><br><br><br>
这是帖朗读“自带阳光的人“帖子， 夕阳黄昏 发表于 2025-10-10 12:32
去掉controls： ''会清爽些
黄昏老师，你看这个代码行不：<video id="movies" src="https://video7.peiyinxiu.com/download/202510051103bee40a49_159540844.mp4" autobuffer="true" controls="" width="750
%"></video><br><br><br><br><br> 梦油 发表于 2025-10-10 14:13
英雄什么时候也不说自己是英雄，而小人什么时候也不说自己是小人。
江南只是个普通的良民。 梦江南 发表于 2025-10-10 15:16
江南只是个普通的良民。
有良民证吗？ 梦江南 发表于 2025-10-10 13:51
问好老师，这个controls： ''是进度条的，去掉后白色的箭头进度条就没有了。
这个进度条和画面有点不和谐， 个人感觉。 梦江南 发表于 2025-10-10 14:00
回老师，这箭头的进度条点它会变淡黄色的。
感觉像打的个补丁{:5_106:} 哇蜘蛛不知道修炼了多少岁月了，快化人形了。{:4_189:} 梦江南 发表于 2025-10-10 14:19
黄昏老师，你帮澜天看看他发的MP4代码：
<a href="<DIV style=" width:1280px;="" position:="" relative;="" left:="" -150px;="" top:="" 150px"=""><video controls="controls" width="720" height="520" src="https://video7.peiyinxiu.com/download/202510051103bee40a49_159540844.mp4 " autoplay="autoplay"></video><br><br><br><br><br>