video作为背景图像离子app

我想知道是否有办法在不使用GIF的情况下制作跨平台背景video。

就像这里的教程一样,使用MP4而不是GIF,因为我想使用更长的video。

我想在登录屏幕上使用它,就像当前的Uber应用程序一样。

这应该工作:或者至少让你走上正确的道路:编译后它会起作用吗? 我不知道。 还要确保您的video分辨率足以填满空间。 编辑:必须删除离子含量,以使其正确缩放:

HTML:

           

Awesome App

CSS:

 #bgvid { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(http://video.webmfiles.org/big-buck-bunny_trailer.webm) no-repeat; background-size: cover; } 

游乐场: http : //play.ionic.io/app/5157ac74b69b