HTML - Video Element (Movie)

About

The video 1) 2) represents a video or movie.

It can be lazy or preloaded.

Example

<video width="320" height="240" controls="controls">
    <source src="/_media/video/flipbook_within_a_flipbook_flipception.mp4" type="video/mp4">
</video>
  • or without the child sub element
<video 
   src="tgif.vid" 
   poster="/poster.jpg"
   autoplay controls>
</video>

Style

To overcome that the images overflow their container, you can use this rule

img, embed, object, video {
  max-width: 100%;
}





Discover More
CSS Object (or Replaced elements)

Object or replaced elements in CSS
HTML - (Flow|Body) Content

Most elements that are used in the body of documents and applications are categorized as flow content. Flow content consists of flow elements intermixed with normal character data. (ifbodhead...
HTML - Browsing context

A browsing context is a navigational context (environment) in which HTML document are rendered to the user. Each browsing context has: its own variable its own cookie its own dom and eventually...
HTML - Embedded Content

Embedded content is content that imports another resource into the document, or content from another vocabulary that is inserted into the document. HTML Elements that...
HTML - How to render SVG in HTML

How to render svg markup in a HTML page. You can render SVG markup via: object, embed, iframe, img, CSS background-image and svg inclusion. HTML A svgSVG element represents the root...
HTML - Interactive Content (User Interaction) (Element)

Interactive element are interactive elements that are specifically intended for user interaction. (if the controls attribute is present) (if the usemap attribute is present) (if...
HTML - Object Element (External Content)

An object 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...
HTML - Palpable content

As a general rule, elements whose content model allows any flow content or phrasing content should have at least one node in its contents: that is palpable content (Can be manipulated ?) and that...
HTML - Phrasing Content (Text)

Phrasing content is: the text of the document, as well as elements that mark up that text at the intra-paragraph level. Runs of phrasing content form paragraphs. Most elements that are categorized...
HTML - Sizing (Width and Height attribute)

Not all HTML tag supports the Width and Height attributes. If you want to size a div, you need for instance to use the CSS sizing feature that supports the width property The width and height HTML...



Share this page:
Follow us:
Task Runner