如何在我的网站上添加介绍视频?

时间:2017-01-13 06:45:49

标签: javascript html html5 video html5-video

任何人都可以告诉我将介绍视频放到我的网站的最佳方法是什么? 我不想在视频完成后重定向用户。相反,我要做的是当用户访问我的网站时,一个视频(13秒) 将被提前播放..而网站在后台加载。因此,只要视频完成,我的网站就会被加载,用户可以浏览它。 基本上,我想要一个视频作为预加载器(一些网站加载时显示的旋转轮)。那么,我该怎么做呢? 另外,我的视频大概是3mb。所以建议这样做吗?或者它只会增加我的网站的加载时间并惹恼用户?

请帮助我......我需要一些专业的建议。 任何投入都将非常感激。 谢谢。

1 个答案:

答案 0 :(得分:0)

您必须使用一些id(例如加载程序)创建视频元素,并将其设置为:

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);

请注意,您必须转到父节点,然后删除父节点的子节点,您不能只删除元素本身。