[摘要]简单的启动形式或封面千篇一律，没有新意？这次我们国庆来弄个视频启动封面，有声有画，瞬间让全景高大上起来。为了让封面有更好的显示体验，我们使用html将视频插入到启动网页中，位于最顶层，然后通过js实现了自动播放、自动消失等功能，请看以下我们的演示效果。
电脑端启动效果
手机启动效果
实现思路
|
1 2 3 4 5 6 7 8 9 10 11 12 |
1、制作两个启动短视频，一个宽的用于电脑端，一个窄的用于手机端。 2、通过html插入一个视频标签。 <video id="videoplay" autoplay="autoplay" style="width:100%; height:100%; object-fit: fill"><source type="video/mp4"></video> 3、通过js判断访问端是电脑还是手机（微信）。 4、通过js实现封面视频的自动播放和消失。 *注意：上述方法手机端只适用于微信，其他我暂时没空弄了，反正都是用微信多。 安卓端需要点一下播放按钮才开始播放，不能自动播放，这个是腾讯规定的不能绕过，但苹果端自动播放没问题。 |
![krpano实现转到特定角度出现图片案例[非会员文章]](https://victu360.com/wp-content/themes/vfilmtime/timthumb.php?src=http://victu360.com/ad/autoang.gif&h=280&w=506&zc=1)
