HTML5视频滑块 - 即时创建元素

Question

我正在创建自定义HTML5（全角）视频滑块。到目前为止，一切都很顺利，但我想知道加载视频的最快方式是什么。

目前，我的方法是动态创建<video>个元素。因此，当加载下一张幻灯片时，将创建视频元素。我在视频中添加了一个eventlistener，以确保在正确加载时播放它。

/**
 * Load and create the video on the fly
 */
var loadVideo = function(slide) {
    var video = $('<video muted></video>'),
        source = $('<source src="' + slide.attr('data-video') + '" type="video/mp4">');

    video.html(source);

    video.on('click', function() {
        var video = $(this)[0];
        if(video.playing) {
            video.pause();
        } else {
            video.play();
        }
    });

    video[0].addEventListener('canplay', showVideo(video), false);
    video[0].addEventListener('ended', hideVideo(video), false);

    // Append the newly created video element with it's source to the slide
    slide.html(video);
};

这非常好用，我认为在渲染DOM时，一次加载3/4/5视频的速度要快得多。这是真的？你有任何提示/建议吗？

由于