element组件中防止一段时间内弹出多个错误提示框+Video标签隐藏相关按钮

一、element组件中防止一段时间内弹出多个错误提示框

1、可以直接调用(Message as any).closeAll()

2、也可以重新封装一个Message方法

  (error) => {
    (Message as any).closeAll() //防止多个提示框同时出现
    Message({
      message: error.message,
      type: 'error',
      duration: 5 * 1000
    })
    return Promise.reject(error)
  }

二、Video标签隐藏相关按钮

隐藏全屏、音量、以及右下角的三个点：

/* 全屏按钮 */
.video_div>video::-webkit-media-controls-fullscreen-button {
	display: none;
}
/* 音量按钮 */
.video_div>video::-webkit-media-controls-mute-button {
	display: none;
	overflow: hidden;
}

video标签加入controlslist="nodownload"可隐藏下载功能按钮，加入disablePictureInPicture="true"可禁用画中画功能，这样右下角的三个点就隐藏了。

<video controlslist="nodownload" disablePictureInPicture="true"  controls></video>