我有一个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>