|
|

楼主 |
发表于 2026-6-13 08:07
|
显示全部楼层
帖子代码
- <style>
- @import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
- .pa { --offsetX: 81px; --bg: url('https://638183.freep.cn/638183/t24/w8/gvwl.webp') no-repeat center/cover; color: white; }
- .player { width: 480px; bottom: 10px; }
- .btnFs { top: 25px; right: 20px; }
- #lrc { top: 4%; }
- #msvg { width: 100%; height: 100%; use { fill: none; stroke: url(#grd); stroke-width: 1; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 4 2; stroke-dashoffset: 0; opacity: .65; animation: move ease-in-out 8s infinite alternate var(--state); } }
- @keyframes move { to { stroke-dashoffset: -180; } }
- </style>
- <div id="pa" class="pa">
- <video class="pd-vid" src="https://img2.tukuppt.com/video_show/13928806/00/41/16/600e82baca629.mp4" autoplay loop muted></video>
- <svg id="msvg" xmlns="http://www.w3.org/2000/svg">
- <defs>
- <linearGradient id="grd">
- <stop offset="0" stop-color="red" />
- <stop offset="0.15" stop-color="green" />
- <stop offset="1" stop-color="yellow" />
- </linearGradient>
- </defs>
- <symbol id="sb" viewBox="0 0 160 90">
- <polyline points="2 2,30 88,150 10" />
- </symbol>
- <use href="#sb" x="0" y="0" />
- <use href="#sb" x="50" y="0" />
- <use href="#sb" x="100" y="0" />
- </svg>
- </div>
- <script>
- var options = {
- pa: '.pa',
- urls: [['https://music.163.com/song/media/outer/url?id=3374663650', '干支为列']],
- };
- loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js', function() {
- var aud = new AudPlayer(options);
- });
- function loadJs(url, callback) {
- var script = document.createElement('script');
- script.charset = 'utf-8';
- script.src = url;
- script.onload = function() {
- if (callback) callback();
- };
- document.head.appendChild(script);
- }
- </script>
复制代码
|
|