如何将视频放入平板电脑的图像中

Question

我希望有一个图片内部的视频;所以平板电脑的屏幕就是视频。有没有办法做到这一点？

Answer 1

使用div来获得更好的控制，然后你可以使用css加载带有图像背景的div，然后在图像中播放视频（将覆盖图像）

如果您只想将视频放在图像的一部分中，请相应调整。

<style>
#imagediv {
  background-image: url("paper.gif");
  position: absolute; 
}
</style>
<div id="imagediv">
  <video width="100%" height="100%" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
</div>

Answer 2

您可以将图片设置为background-image，然后使用position: absolute将视频框放在那里。下次请先做一些研究，然后再问这里。