vue做网页开场视频的实例代码

2.直接在index页面引入视频，本demo是直接找了个视频插件放进去，这一步很简单，需要引入的文件都放入静态文件夹static下。

需要注意的是，首页的样式直接影响到组件里标签的样式，所以在引入插件的时候，注意样式的调节，避免直接用标签写样式

3.如果背景已经是视频了，从审美角度，网页上最多添一些字就可以了，样式太多会乱且浮夸。本demo也使用了一个叫typewrite.js的插件。一个一个打出字的效果。

4.给按钮设个定时，算好字打完的时间，按钮显示，点击按钮的同时，index的整个背景容器向上收起（你主页所有的html内容放在一个容器里），并且将hello组件内容恢复。hello随便写点内容。

...

demo涉及element等配置问题，直接拿两个页面代码出来也可能实现不了我所展示的效果，感兴趣可以访问我github地址：

https://github.com/JOSIE1988/Vue-start-video

总结

以上所述是小编给大家介绍的vue做网页开场视频的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！