jquery - 如何在 DOM 之后加载视频 HTML5 并循环播放？

Question

我在 DOM 之后加载视频 html5 并循环播放时遇到问题。视频在 DOM 后正确加载，但当视频再次开始播放时再次加载。我想加载一次视频并重播。

<video id="video" muted="true" style="width: 100% !important; height: auto !important;">
            <source type="video/mp4" id="mp4">
            <source type="video/webm" id="webm">
</video>

我的脚本

var video = $('#video')[0];
var mp4Vid = $('#mp4');
var webmVid = $('#webm');   
mp4Vid.attr('src', "video/video.mp4");
webmVid.attr('src', "video/video.webm");
video.load();
video.play();
var videoloop = video;
videoloop.addEventListener('ended', function() {
    this.play();    
}, false);

编辑//问题解决了这是因为我将 Chrome 设置为“禁用缓存(当 devtools 打开时)”

Answer 1

尝试使用preload="auto"，应该在页面加载时加载整个视频

<video preload="auto" id="video" muted="true" style="width: 100% !important; height: auto !important;">
            <source type="video/mp4" id="mp4">
            <source type="video/webm" id="webm">
</video>