Как добавить вступительный видео на мой сайт?

Question

Может кто-нибудь, пожалуйста, скажите мне, что является лучшим способом поместить вступительный видео на мой сайт? Я НЕ хочу перенаправлять пользователя после завершения видео. Вместо этого то, что я хочу сделать, это то, что, когда пользователь посещает мой сайт, видео (из 13 секунд) должно быть воспроизведено заранее. В то время как сайт загружается в фоновом режиме. Так что, как только видео будет завершено. Мой сайт загружен, и пользователь может просмотреть его. В принципе, я хочу видео в качестве предварительного загрузчика (вращающееся колесо показано, пока некоторые сайты загружаются). Итак, как я должен это делать? Кроме того, мое видео около 3mb..so целесообразно пойти на это? или это просто увеличит время загрузки моего сайта и раздражает пользователей?

, пожалуйста, помогите мне .. мне нужен профессиональный совет. Любые входные данные будут высоко оценены. Спасибо.

Answer 1

Вы должны создать элемент видео с некоторым идентификатором (погрузчиком, например), и установите его CSS на:

position: fixed; 
top: 0; 
bottom: 0; 
left: 0; 
right: 0; 
z-index: 2147483647; 

Когда загрузка будет завершена, вы можете удалить элемент с JQuery:

$('video#loader').remove(); 

или с чистым JavaScript:

var element = document.getElementById("loader"); 
element.parentNode.removeChild(element); 

Обратите внимание, что вы должны пойти в родительский узел, а затем удалить CHiL d родительского узла, вы не можете просто удалить сам элемент.