去掉video组件自带的loading

在视频播放组件中移除默认的加载动画通常涉及到CSS样式调整和JavaScript控制。以下是几个常见的步骤：

1. **CSS覆盖**：你可以通过设置`<video>`元素的相关CSS属性，如`display`、`opacity`等，隐藏或修改默认的加载指示符。例如：

   video::-webkit-loading-container {
     display: none; /* 针对Webkit内核浏览器，如Chrome和Safari */
   }
   
   video {
     opacity: 0; /* 当内容准备好后再显示 */
     transition: opacity 0.5s ease-in-out;
   }

   video.loaded {
     opacity: 1; /* 加载完成后显示正常透明度 */
   }

2. **JavaScript处理**：如果需要更动态的方式，可以监听视频的`canplaythrough`事件，在该事件触发时显示视频，避免了加载过程：

   const video = document.querySelector('video');
   
   video.addEventListener('canplaythrough', function() {
     // 设置视频可见并且停止默认加载动画
     this.style.opacity = '1';
     this.classList.remove('hidden'); // 如果有hidden类名，移除它
   });
   
   video.addEventListener('error', function() {
     // 错误处理...
   });

请注意，具体的实现可能会因使用的库、框架或HTML结构的不同而有所差异。同时，有些现代浏览器可能已经隐去了一些默认的加载提示，所以这一步操作可能会有所不同。