我看過很多關于此的帖子，但是當我將海報影像添加到視頻元素時，它會改變視頻播放器的大小。
<video src="/video.mp4" poster="/image.jpeg" class="videoPlayer" controls playsinline />
.videoPlayer {
cursor: pointer;
object-fit: cover;
}
img, video {
max-width: 100%;
height: auto;
}
img, svg, video, canvas, audio, iframe, embed, object {
display: block;
vertical-align: middle;
}
視頻大小根據影像而變化的原因可能是什么？
uj5u.com熱心網友回復：
元素的固有大小<video>由其當前幀決定。
當顯示來自海報屬性的影像時，這個“當前幀”就是海報幀。所以海報框架決定了<video>的內在尺寸。
在沒有設定視頻大小的其他規則（例如widthorheight屬性或 CSS 規則）的情況下，這個固有大小是設定元素顯示大小的原因。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/446179.html
下一篇：使用位置絕對元素防止陰影出血？