Javascript将图像与视频一起移动到其他div

时间:2014-07-01 11:22:54

标签: javascript jquery html video move

在我提出问题how to move videos from one div to another之前。 现在,我有另一个问题。我希望在每个视频上“附加”一个图像(实际上,我希望在每个视频前面都有一个图像)并使其与视频一起移动。

我没有在这里粘贴我的代码,而是制作了一个可以清除问题的工作JSBIN DEMO。 这样做有可能吗?有人可以帮帮我吗?

---编辑---- 我有视频,在鼠标点击时移动到其他<div>。另外,我想在这些视频上附加一些图标,以便在点击视频时,原始<div>的图像会在鼠标单击时移动到另一个<div>

1 个答案:

答案 0 :(得分:1)

尝试将图像和视频放在div中并移动div而不仅仅是视频。

可能是一些东西
<div style="height:100;width:100;position:relative;">
   <source src="movie.mp4" type="video/mp4" style="position:absolute;z-index:1;">
   <img src="image.jpg" style="position:absolute;z-index:2;">
</div>

使用Z-index隐藏div中图像后面的视频,然后使用javascript或jquery来点击更改z-index变量。