如何将视频放在平板电脑的图像中[关闭]答案

【问题标题】：how to put an video inside of an image of a tablet [closed]如何将视频放在平板电脑的图像中[关闭]
【发布时间】：2016-05-31 06:55:44
【问题描述】：

我想在图片内部制作一个视频；所以平板电脑的屏幕就是视频。有什么办法吗？？？

【问题讨论】：

是的。有。到目前为止，您尝试过什么？
这个问题对我来说太宽泛了......！请提供一些代码并提及您的确切问题..

标签： html css image video border

【解决方案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>

【讨论】：

【解决方案2】：

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

【讨论】：