Javascript 如何获得理想的视频背景

我的站点的背景图像与

---

我想让云层移动，让观众看起来好像站在山顶上凝视山谷一样。需要什么程序或过程才能达到预期效果？

您可以使用云层移动的完整视频背景，然后将地面的.png图像与上面的山丘放在一起，并将位置设置为底部。在路上拉小提琴

编辑：摆弄一个定制视频有点问题，所以我创建了一个简单的网站来展示解决方案：

HTML:

---

当然，图像中的天空应该更仔细地切割，我推荐Photoshop，视频显然与图片的颜色不匹配，但我认为网站展示了总体思路。

我不知道如何：/n我不确定最好的方法是什么，所以在这一点上，我只想知道需要什么程序才能达到这个效果。为了回答你的问题，我还没有尝试过任何东西，因为我真的不知道从哪里开始检查这个，你必须有单独的云图像，你的动画。要制作动画，可以使用CSS动画、Canvas+Javascript、Flash、AdobeEdge动画等等。或者你可以使用动画GIF，但这些往往是起伏的。

<video autoplay loop id="bgvid">
<source src="sky.webm" type="video/webm">
<source src="sky.mp4" type="video/mp4">
</video>
<img id="ground" src="ground.png">

video#bgvid { 
position: fixed; 
right: 0; 
bottom: 0;
min-width: 100%; 
min-height: 100%;
width: auto; 
height: auto; 
z-index: -100;
background-size: cover; 
}

#ground {
position: absolute;
bottom: 0;
width: 100%;
}