iT邦幫忙

0

CSS 讓 video 實現 fullscreen

css

由於 video 是 HTML 內置組建,不能通過強制改變 size 使 video 鋪滿元素。如果要實現 video 全屏效果就需要用到 CSS 的 object-fit。代碼如下:

video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

這樣就可以實現 fullscreen 效果了。


尚未有邦友留言

立即登入留言