在Wordpress网站上更快地加载50MB背景视频

Question

我正在尝试将视频添加到div的背景，该页面将在页面加载时自动播放，但是视频大小为50 MB。如何优化视频以使其更快地加载？这是一个由Wordpress支持的网站。

我添加了具有视频预加载功能的快速播放功能，但是效果不佳。

<video id="video" preload="metadata" src="file.mp4" controls></video>

<script>
  video.addEventListener('loadedmetadata', function() {
    if (video.buffered.length === 0) return;

    var bufferedSeconds = video.buffered.end(0) - video.buffered.start(0);
    console.log(bufferedSeconds + ' seconds of video are ready to play!');
  });
</script>