Забавяне на зареждането на HTML видеоклип до игра - jquery, html5, video, load, html5-video

Имам div, съдържащ настройка на видео маркер като такъв:

<div class="video-container">
<video class="video" muted id="the-video">
<source src="/templates/assets/video/v1.mp4"/>
<source src="/templates/assets/video/v1.ogv" type="video/ogg;"/>
<img src="/images//templates/assets/video/v1.jpg">
</video>
</div>

Планът е видеоклипът да бъде покрит от „div div“, който съдържа връзка, която при натискане избледнява наслагването и стартира видеоклипа.

Това, което бих искал да знам, е дали мога да забавяпървоначално зареждане на видеоклипа, докато кликнете върху връзката и възпроизведете видеото, като целта е да се ускори времето за зареждане на страницата, а не да се зарежда видеото преди показването на страницата. Това е моя jQuery досега:

<script>
$(document).ready(function(e) {
$(".play-video").click(function(e) {
$(".video-overlay").fadeOut("slow");
var video = $(".video").get(0);
video.play();
$(".video").bind("ended", function() {
$(".video-overlay").fadeIn("slow");
});

});
});
</script>

Кой би могъл да бъде най-добрият начин за постигане на това? Трябва ли да се използва по-голям видеоклип? Нещо, което ще повлияе на времето за натоварване?

Благодаря

Отговори:

Изглежда отговорът / атрибутът, който търся, е preload="none", Това спира зареждането на видеоклипа, когато страницата се зареди.

Просто си помислих, че бих го поставил там, в случай че някой има същия проблем

    loop="false"
autostart="false"

Добавете това във вашия видео маркер. Това ли търсите?