html为视频设置素材图片并显示播放时间的代码

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，输入问题基础代码。

2、在indexhtml中的<script>标签中，输入js代码：setTimeout(fun,1201000);functionfun(){$('video')attr('controls',1);}3、浏览器运行indexhtml页面，此时运行2分钟后，才会显示出控制条。

站酷

网站介绍：诞生于2006年8月的站酷，以“为设计师及爱好者提供最便捷、最贴心的服务”为宗旨，是一个以“设计师”为中心，服务于创意产业、服务于创意人才的“设计师互动平台”。分享最新最实用的素材资源，推荐会员设计师的优秀设计作品，提供设计探讨技法交流的学习氛围。建站以来，内容不断充实，产品不断增加。现在，站酷（ZCOOL）已成为设计师最喜爱的设计站点之一。

网站简评：专业完美的素材下载与设计分享网站，提供矢量素材、PSD分层素材、图标素材、高清、原创作品等内容。前沿时尚的设计风格，日韩欧美设计素材应有尽有。站酷网站简洁美观，视觉冲击力强，广告排列整齐有序，设计师倾力推荐。

懒人图库

网站介绍：懒人图库自建站以来，一直致力于网页素材的提供，目标是做成国内最大的网页素材下载站。懒人图库口号：学会偷懒，并懒出境界是提高工作效率最有效的方法！

网站简评：专注于提供网页素材下载，其内容涵盖网页素材、矢量素材、JS广告代码、小、网页背景、导航菜单、PNG图标，等等。懒人图库深入人心，做到了“让任何一个网页设计师都能轻松找到自己想要的素材”。

中国素材

网站简评：提供各类设计素材的收集下载，包括：、素材、壁纸、网页素材、动画素材、矢量图、PSD分层素材、3D、字体、教材、图标，等等。素材中国收集了很多商业广告的源文件（PSD/CDR/AI），部分资源需要收取一定费用（点数）。不足的是，文件下载页面的广告太多，造成版面凌乱，用户体验差（素材中国为个人站点，站长可能很注重挂靠联盟广告，感觉像是一个百度、谷歌广告网站）。另外，只支持迅雷、快车下载，考虑不是很周全，大概也是因为加入了迅雷联盟和快车联盟的缘故吧，要不怎么会这么一个劲的推荐使用“迅雷”、“快车”下载呢。

素材资源库

网站介绍：素材资源库是52DESIGN旗下的设计资源网站，提供在线免费设计素材资源下载服务。

网站简评：资源丰富，分类繁多，就是没有提供资源搜索功能，使用起来不太方便。提供网页模板、Flash源码、矢量素材、PSD素材、透明Flash资源、字体下载、PS笔刷、网页背景、音效素材、脚本特效，等等。

首先，JS和DIV-CSS不冲突、且是不同功能的两种技术，也就没有哪个比哪个好。

DIV-CSS用于页面布局；而JS是一种解释型语言，用于执行一些脚本。他们本就是两个不同功能的东西，没办法一起对比。。（如果你是问DIV-CSS布局好还是TAble布局好，那么就能回答）

一个用于重点在布局、一个在数据处理。

在一个页面中，这两个都是同时存在的。一些动态的页面、数据的加载、特效的实现、用户交互等，都需要JS的帮忙，而DIV-CSS只是用于布局，根本没有数据处理功能。。

到目前来说，我估计95%以上的网站都有使用JS。。。也同时使用DIV-CSS

至于JS打开慢，可以注意以下的几点，应该就没有问题了：

1、同一页面中，不要太多的调用JS；

2、执行慢的JS可以放到整个网页的最下端（如统计代码、广告代码等）；

3、尽量不要使用JS调用外站数据，如果可以，将需要的素材放到本站（如JS里的调用等，可以把下载到网站里，调用本地数据，而不是远程）。

方法一：1引入css和js

css: 在html的head标签内添加

<link rel="stylesheet" type="text/css" href="你下载的css文件路径" />

js: <script type="text/javascript" src="你下载的js文件路径"></script>

2在html页面中添加房子该内容的div，添加id与js和css中的id对应

方法二：

你下载的文件里面应该是有html文件的吧

你在你的页面里面直接引入他的html页面，至于引入的方式有用js 有用框架的

1、准备切换素材，一般是两张，如图，放入img文件夹，跟HTML同级。

2、然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换。

3、如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用JS。

4、如图，获取img，转成JS对象，加个[0]就可以转js对象了。

5、然后设定经过事件，切换成另一张，这样就产生鼠标经过切换的效果了。

6、但是一旦鼠标离开了，就要切换回原来的素材，所以再加一个离开事件，这样离开后就变换成原来的。

7、如图，现在我的鼠标在上，就变成twopicture了。

跟开发小哥哥要了张层次图，两者的最大区别一目了然！

相比Unity，OpenGL是更为底层的一项技术，这个如何解释呢？OpenGL其实就是webGL的前身，它提供的是几何概念，比如点、线、面，相当于画家脑海中的各种素材，只有经过一双妙手，才能画出一张图像，所以相比较而言，用Unity 3D渲染器的人更多一些，因为Unity提供了更为顶层的3D概念，包括空间变换、材质、环境球等，更容易运用理解。

我们都知道，Unity 3D主要专注于游戏开发、影视动画，底层是c++语言，主要需要安装客户端才能使用，openGL采用前端语言（Unity也有一部分JS代码），所以可以直接在浏览器页面进行可视化开发！

更为顶层的threejs和ThingJS都是基于webGL的3D框架，所以可视化开发成为一种巨大的优势（不过Unity的客户端渲染性能一样好），尤其是ThingJS支持在线开发，扩展了开发自由度。

总而言之，一张图说明一切，Unity是一种渲染引擎，可以提供一系列3D开发概念帮助你快速制作影视项目，OpenGL属于渲染接口层，并不具备任何概念，需要自己组建图形，对于初学者不是特别友好，也没有特定的领域覆盖，更适合技术探索者，而不是项目开发者！