如何向我的网站添加介绍视频?
How to add an intro video to my website?
谁能告诉我将介绍视频放到我的网站上的最佳方式是什么?
我不想在视频完成后重定向用户。相反,我想要做的是当用户访问我的网站时,一段视频(13 秒)
将提前播放..而网站在后台加载。因此,一旦视频完成..我的网站就会加载,用户可以浏览它。
基本上,我想要一个视频作为预加载器(加载某些网站时显示的纺车)。那么,我应该怎么做呢?
另外,我的视频大约有 3mb.. 所以建议这样做吗??还是只会增加我网站的加载时间并惹恼用户?
请帮助我..我需要一些专业建议。
任何意见将不胜感激。
谢谢。
您必须使用一些 ID(例如加载程序)创建视频元素,并将其 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);
注意,必须先到父节点,再移除父节点的子节点,不能只移除元素本身。
谁能告诉我将介绍视频放到我的网站上的最佳方式是什么? 我不想在视频完成后重定向用户。相反,我想要做的是当用户访问我的网站时,一段视频(13 秒) 将提前播放..而网站在后台加载。因此,一旦视频完成..我的网站就会加载,用户可以浏览它。 基本上,我想要一个视频作为预加载器(加载某些网站时显示的纺车)。那么,我应该怎么做呢? 另外,我的视频大约有 3mb.. 所以建议这样做吗??还是只会增加我网站的加载时间并惹恼用户?
请帮助我..我需要一些专业建议。 任何意见将不胜感激。 谢谢。
您必须使用一些 ID(例如加载程序)创建视频元素,并将其 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);
注意,必须先到父节点,再移除父节点的子节点,不能只移除元素本身。