大概原理： 使div的position为绝对定位absolute，然后控制其top与left值，需要监听鼠标事件，主要用到mousedown, mousemove, mouseup。 在mousedown后，记录mousedown时鼠标与需要移动的div的位置，然后取得两者之差，得到在鼠标移动后，div的位置。即：

object-fit属性 fill | contain | cover | none | scale-down fill 中文释义“填充”，默认值。替换的内容正好填充元素的内容宽，替换内容拉伸填满整个content box，不保证保持原有的比例。 contain 中文释义“包含”。保持原有的尺寸比例。保证替换内容尺寸一定可以在容器里面放得下。因此，此参数可能在容器内一下空白。

将poster页面设置为一个透明的图片或者不存在的值，这样浏览器就会无法显示poster， 然后通过设置播放器的css背景background，将我们需要的背景图放进去，并且填充背景， 并且我们用background-size属性去告诉浏览器，这个播放器或者这个元素被这个图片覆盖