About
An object 1) 2) represents an external resource which depending on the type of the resource, will either be treated as:
- an image
- a child / nested browsing context,
- or as an external resource to be processed by a plugin.
Example
<object type="application/pdf" data="/_media/iam/auth/ncsc_password_security.pdf" width="250" height="200">
</object>
Video
Example:
- HTML
<object type="video/mp4"
data="/_media/video/flipbook_within_a_flipbook_flipception.mp4"
width="320"
height="240">
</object>
- Output
You may also embed a video with the video element.
Css
See CSS Object (or Replaced elements)
To overcome that the images overflow their container, you can use this rule
img, embed, object, video {
max-width: 100%;
}