- UID
- 973
- 主题
- 回帖
- 0
- 精华
- 积分
- 3343
- 金币
- 枚
- 草籽
- 颗
- 鲜花
- 朵
- 注册时间
- 2024-7-24
- 最后登录
- 1970-1-1
|
楼主 |
发表于 2024-8-14 19:25
|
显示全部楼层
<DIV style="LEFT: -160px; WIDTH: 1700px; POSITION: relative; TOP: 60px">
<style>#mydiv {
margin: 0 0 0 calc(40% - 960px);
width: 1800px;
height: 900px;
background: url('http://43.159.199.78/data/attachment/forum/202408/14/190314tfsrs9cvj9medce9.jpg') no-repeat center/cover;
box-shadow: 0 0 0px #333;
overflow: hidden;
position: relative;
--state: paused;
}
#vid {
position: absolute;
width: 80%;
height: 100%;
top:-80px;
object-fit: cover;
pointer-events: none;
mix-blend-mode: screen;
z-index: 2;
opacity: .26;
}
lz-3d {
position: absolute;
left: calc(50% - 5px);
top: calc(50% - 5px);
width: 10px;
height: 10px;
border-radius: 50%;
opacity: .26;
background: gray;
transform: perspective(200px) rotate(var(--deg)) translate3d(var(--xx), var(--yy), var(--zz));
animation: o2C var(--du) var(--delay) infinite linear var(--state);
}
@keyframes o2C {
to { transform: perspective(60px) rotate(0) translate3d(0,0,0); }
}</style><div id="mydiv"><video id="vid" src="https://img.tukuppt.com/video_show/7165162/00/17/65/5ecb8fa5f0765.mp4" autoplay="" loop="" muted=""></video></div><audio id="aud" src="https://music.163.com/song/media/outer/url?id=2614091550" autoplay="" loop=""></audio><script>let total = 80, ww = mydiv.offsetWidth, hh = mydiv.offsetHeight;
let script = document.createElement('script');
document.body.appendChild(script);
Array.from({length: total}).forEach( (item,key) => {
item = document.createElement('lz-3d');
item.style.cssText += `
mydiv.appendChild(item);
});
script.onload = () => {
HCPlayer({
papa: '#mydiv',
player_css: 'left: 10px; bottom: 10px;',
img: {
enter: '',/* 进入全屏按钮地址 */
quit: '',/* 退出全屏按钮地址 */
play: '',/* 播放按钮地址 */
pause: '',/* 暂停按钮地址 */
}
});
}</script> |
|