Предварительная загрузка видео при наведении - PullRequest
Новая
       20

Предварительная загрузка видео при наведении

0 голосов
/ 08 мая 2019

Я хотел бы предварительно загрузить видео, когда пользователь наводит ссылку. (Ссылка перенесет вас на новую страницу, а видео не появятся на странице со ссылками). В настоящее время, когда пользователь нажимает на ссылку, перед загрузкой видео происходит небольшая пауза - я хотел бы удалить эту паузу. Когда пользователь нажимает на ссылку, появляется хорошая возможность загрузить видео, чтобы, если он решит щелкнуть ссылку, его работа станет более плавной.

CONS: пользователь не может перейти по ссылке, потрачена впустую пропускная способность ПРОФИ: плавный опыт

Я попытался использовать предварительную загрузку тега видео на странице назначения. Это не помогает.

Как предварительно загрузить видео

Я также пытался вложить видео в ссылку скрытое, с предварительной загрузкой, установленной в ложь, а затем использовал JS, чтобы переключить предварительную загрузку на auto / true при наведении - это не загружает файл заранее - я предположим, что DOM уже построен на этом этапе, и изменение получено.

HTML: 

<a class="preload" href="link.html">
<h4>Title</h4>
<p>Text</p>
<video class="hide" src="vid.mp4" preload="false">
</a>

JS: 

$('.preload').mouseenter(function(){
     var vid = this.childNodes[5];
     vid.preload = true;
});

Предварительная загрузка видео изменяется на 'true' (или 'auto'), но на вкладке сети Chrome видео не загружается.

Итак, каков хороший способ предварительно загрузить это видео, основываясь на намерениях пользователей (зависании), и это такая плохая идея? Я прочитал несколько постов, в которых говорится, что это может быть истощением для скрытных, которые никогда не переходят по ссылкам!

...