Make HTML5 video poster be same size as video itself

by

Depending on what browsers you’re targeting, you could go for the object-fit property to solve this:

object-fit: cover;

or maybe fill is what you’re looking for. Still under consideration for IE.

More Related Contents:

  1. CSS values using HTML5 data attribute [duplicate]
  2. What is the current state of the “scoped” attribute for the style element in HTML5?
  3. scale HTML5 Video and break aspect ratio to fill whole site
  4. How to draw this chart in html and CSS? [closed]
  5. Change a HTML5 input’s placeholder color with CSS
  6. Canvas is stretched when using CSS but normal with “width” / “height” properties
  7. Make a div into a link
  8. Remove padding from columns in Bootstrap 3
  9. How can I make an svg scale with its parent container?
  10. Format text in a ?
  11. Size of HTML5 Canvas via CSS versus element attributes
  12. Play/pause HTML 5 video using JQuery
  13. Center a ‘div’ vertically in a % height ‘div’
  14. Single huge .css file vs. multiple smaller specific .css files? [closed]
  15. xHTML/CSS: How to make inner div get 100% width minus another div width
  16. How to display a reverse-ordered list in HTML?
  17. CSS div element – how to show horizontal scroll bars only?
  18. How can I remove space (margin) above HTML header?
  19. Internet Explorer z-index bug?
  20. How to customize the HTML5 input range type looks using CSS?
  21. How to center absolute div horizontally using CSS?
  22. For div to extend full height
  23. How to link a CSS file from HTML file?
  24. SPAN vs DIV (inline-block)
  25. how to rotate text left 90 degree and cell size is adjusted according to text in html
  26. Set div height equal to screen size
  27. Fading out text at bottom of a section with transparent div, but height stays under section after overlaying div
  28. background-image doesn’t appear if is empty?
  29. Is there a way to style HTML5’s range control?
  30. Background image not displaying in chrome browser

Leave a Comment