1、第一步，在Hbuilder中新建一个项目，然后把视频素材给保存到其中某个文件夹注意，虽然html5支持插入视频，不过对视频格式有要求，视频编码格式必须是H264或者是AVC的才可以在网页中播放哦一般MP4格式的视频都可以，少量。

2、看看有没有你想要的，我通常在这上面找。

3、1准备切换图片素材，一般是两张，如图，放入img文件夹，跟HTML同级2然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换3如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用JS4如图，获取im。

4、left的方法比如让class为menu的元素宽为300px，高100%的，设置left为300px在这期间可以加一个过渡transitionleft 03s 然后让class为menu active的元素设置 left设置为0就可以了 ，在这期间可以加一个过渡。

5、1首先，打开html编辑器，新建html文件，例如indexhtml，输入问题基础代码2在indexhtml中的ltscript标签中，输入js代码setTimeoutfun，120*1000functionfun$#39video#39attr#39controls#39，13浏览器。

6、3然后我们新建一个HTML的网页 4我们点击修改点击页面属性快捷键是CTRL+J 5我们在下边和右键都能看见页面设置 6第一个修改背景颜色，我们选择背景颜色，然后确定和应用就换了 7我们要是选择背景图片就找到我们素材，点击添加。

7、我们就拿微信的打飞机为例，首先把微信的安装包下下来，apk文件，或者ipa文件，把后缀名改成rar，然后用winrar解压出来ipa解压后素材很好找，资源都放在一个目录下，直接用缩略图来找就能找到需要的图片素材，有些是单独一。

8、如何制作自己的网页链接html语言做网页链接最快最简单的做网页链接就是用html语言在桌面上新建一个txt文档打开txt文档，里面插入如下网页链接代码即可上面代码中都是一对对出现的，这是最简单的html语言，反斜杠。

9、GIF动画最常在H5动效里当担loading导航条，热门小标签等元素，要把控图片大小和精度之间的平衡，所以它一般用于制作小细节的动画H5页面承载GIF图片的方式相对以下要介绍的其他方法，是最省成本，最为简便的只需要以背景图片。

10、素材的准备为了更好的表现网站的风格和特色，具备一些更富表现力和吸引力的图片是必不可少的同理，小编也准备了一些与网页主题密切相关的图片，用于做为实现图片滚动效果的素材打开Dreamweaver8，新建一网页文件，并保存。

11、1千库网 千库网是国内提供免费PNG图片的素材先驱网站，经过1年多的高速发展，目前该网站不仅仅拥有500万优质PNG免抠元素，还有300万精品背景素材和700万模板素材获得超过百万设计师的喜爱和5000多家企业的信赖，网站定位。

12、题主是否想询问“html为视频设置素材图片并显示播放时间的代码是什么”是“BGSOUND”1寻找需要制作的视频原素材，图片素材多种多样，利用搜索引擎寻找即可2导入素材到素材库中，使用无损剪辑工具导入，本地录屏3。

13、里边有些图片地址是需要你自己换的，ok了 lthtml ltbody ltstyle daohang marginauto widthauto height30px backgroundurlimages导航背景jpg repeatx daohang span paddingleft20px lt。

14、我帮你写出来了，纯CSS代码能实现的最好效果了，看代码吧lthtmlltheadltstyle type=quottextcssquotdivfixedwidth50pxheight212pxdisplayblockmargin0px padding0pxpositionfixedright5pxbottom5px。

15、一个不太一样的素材网站源库素材网，简单介绍一下其他素材资源网站大多只是依赖于搜索找到你想要的素材，这个网站在搜索基础上添加了父源子源同源的概念假设你找到一个有着近30张素材的平面设计。

16、1首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页选择“经典”界面，有助于我们更便捷使用插入图像选择素材添加点击图片，下面属性可以编辑修改图片大小，添加超链接等等下面我修改图片大小做示范。