设置视频海报不同于视频元素的大小

时间:2015-08-03 19:28:42

标签: css html5 html5-video

我有一个html5 video元素,其大小为css以覆盖整个屏幕。

video#myVideo {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  background-size: cover;
}

我将poster属性设置为我希望尺寸较小的图像(例如100px×100px)。

有没有办法访问和设置海报css,例如video#myVideo[poster]?或者任何想法如何改变我的CSS以覆盖视频屏幕并仅渲染较小的海报图像?

更新说明:

目标是在有源时将视频覆盖整个屏幕,而海报图像(或其他单独的图像)仅覆盖较小的部分(即未拉伸至100%)。

我目前的尝试是不使用海报属性,而是:

<div>
  <img ... />
  <video ... />
</div>

0 个答案:

没有答案