页面需要开场视频动画,需要点击才能进入主页,一般会使用html5的video标签来自动播放视频。请看本文的案例。
<video width="100%" height="100%" autoplay="autoplay">
<source src="static/splash page_12.7.mp4" type="video/mp4"> 您的浏览器不支持 HTML5 video 标签
</video>
常规操作,但是发现不能自动播放于是添加了video属性: autoplay=“autoplay”,视频加载后自动播放,但是多次尝试刷新进入发现时灵时不灵,有时可以自动播放,有时不能自动播放。
网上查了一下资料,说是给video标签中添加“muted”即可,但是“muted”属性是该视频的音频输出是否为静音,抱着活马当作死马医的想法, 试了一下,果不其然。okay。
另外如果你需要controls控制声音和进度等那么可以直接给video标签添加controls即可,但是问题来了,controls bar出现后右下角有个选项点击可以下载视频,如果不想展示该选项的话,可以给video标签添加“ controlsList="nodownload“即可。
this.$refs.videos.src = this.videoUrl