我正在尝试将视频添加到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>