.video-player-container{position:relative;width:100%}.video-player-container:before{position:absolute;top:0;left:0;width:100%;height:100%}.common-video-loading,.video-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:4px}.loading-spinner{padding:20px;color:#666;font-size:14px}.error-message{padding:20px;color:#ff4d4f;font-size:14px}.video-loading:before{content:"";width:20px;height:20px;border:2px solid #f3f3f3;border-top-color:#1890ff;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}