Question

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

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);

我的剧本

bigserial

EDIT // 问题解决了这是因为我将Chrome设置为＆＃34;禁用缓存（当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>

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

1 个答案: