`); } /* 隐藏DailyMotion的所有UI元素 */ .dailymotion-container iframe { /* 确保iframe上层不会有任何UI干扰 */ z-index: 1; } /* 隐藏DailyMotion加载提示和静音按钮 */ .dailymotion-container::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 60px; /* 仅覆盖顶部区域 */ background-color: rgba(0, 0, 0, 0.4); /* 半透明黑色叠加层 */ z-index: 2; pointer-events: none; /* 确保点击事件穿透到按钮 */ } /* 添加自定义的英文加载指示器 */ .dailymotion-loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 16px; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.7); padding: 15px 25px; border-radius: 8px; opacity: 0; transition: opacity 0.3s; } .dailymotion-loading.show { opacity: 1; } .dailymotion-loading-spinner { width: 24px; height: 24px; border: 2px solid #fff; border-top-color: transparent; border-radius: 50%; margin-bottom: 10px; animation: spin 1s linear infinite; } /* 添加样式让DailyMotion静音按钮更透明 */ .dailymotion-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; /* 16:9比例 */ overflow: hidden; /* 移除负margin和transform，避免视频被截断 */ margin-top: 0; transform: translateY(0); } /* 通过iframe选择器尝试覆盖DailyMotion的UI组件样式 */ .dailymotion-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* 添加覆盖样式以调整DailyMotion UI的透明度 */ .dailymotion-container::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 60px; /* 仅覆盖顶部区域 */ background-color: rgba(0, 0, 0, 0.4); /* 半透明黑色叠加层 */ z-index: 2; pointer-events: none; /* 确保点击事件穿透到按钮 */ } .points-packet-container.disabled .points-packet-icon { background-color: #999; /* 灰色背景 */ transition: background-color 0.3s ease; } .points-packet-container.disabled .points-packet-icon i { color: #eee; /* 更浅的图标颜色 */ } .points-packet-container.disabled .points-packet-progress { opacity: 0.3; background: conic-gradient(#999 0%, transparent 0%) !important; /* 强制使用灰色且不旋转 */ } /* 添加一个禁用提示 */ .points-packet-container.disabled::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.2); border-radius: 50%; z-index: 2; cursor: not-allowed; }