如何显示从youtube等数据库加载视频时正在加载gif

<div id="loading-container">
  <img src="loading.gif" alt="Loading">
</div>

#loading-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#loading-container img {
  display: block;
  margin: 0 auto;
}

// 在视频加载开始时显示加载动画
function showLoadingAnimation() {
  var loadingContainer = document.getElementById('loading-container');
  document.body.appendChild(loadingContainer);
}

// 在视频加载完成后隐藏加载动画
function hideLoadingAnimation() {
  var loadingContainer = document.getElementById('loading-container');
  document.body.removeChild(loadingContainer);
}

// 视频加载的示例代码
function loadVideoFromDatabase() {
  showLoadingAnimation();

  // 模拟视频加载的过程
  setTimeout(function() {
    // 视频加载完成后隐藏加载动画
    hideLoadingAnimation();
    // 其他视频加载完成后的操作
  }, 3000);
}

// 调用加载视频的函数
loadVideoFromDatabase();