Embed tag in HTML
Defines a container for an external application or interactive content Example Output
Category: HTML5
HTML5
HTML option selected Attribute
The selected attribute is a boolean attribute. When present, it specifies that an option should be pre-selected when the page loads. The pre-selected option will be displayed first in the drop-down list. Basic Example...
Playing Ogg videos using a Java applet
There’s a Java applet called Cortado that you can use as a fallback to play Ogg videos in browsers that have Java support but don’t support HTML5 video: If you do not create an...
Using Flash
You can use Flash to play a Flash format movie if the <video> element isn’t supported: Note that you shouldn’t include classid in the object tag in order to be compatible with browsers other...
Seeking through media
Media elements provide support for moving the current playback position to specific points in the media’s content. This is done by setting the value of the currentTime property on the element; see HTMLMediaElement for...
Controlling media playback
Once you’ve embedded media into your HTML document using the new elements, you can programmatically control them from JavaScript code. For example, to start (or restart) playback, you can do this: The first line...
Embedding Audio in HTML5
Here is an example for embedding audio into your HTML document.
Embedding Video HTML5
Firefox does not support the MP4 format within its video tag. The main reason why is the royalty fee attached to the mp4 format. So we use ogg file format.
Checking for Browser Support
The easiest way to check for support of the video and audio tags is to dynamically create one or both with scripting and check for the existence of a function:
Overview
HTML5 introduces built-in media support via the and elements, offering the ability to easily embed media into HTML documents. Browser Support for Audio and Video Browser Codec and Container Support Chrome Ogg (Theora and...
text element
The text element defines a graphics element consisting of text. Note that it is possible to apply a gradient, pattern, clipping path, mask or filter to text.
radialGradient with SVG
radialGradient lets authors define radial gradients to fill or stroke graphical elements.
linearGradient in SVG
linearGradient lets authors define linear gradients to fill or stroke graphical elements.
Drawing rectangles with rect
The rect element is an SVG basic shape, used to create rectangles based on the position of a corner and their width and height. It may also be used to create rectangles with rounded...
Polyline element
The polyline element is an SVG basic shape, used to create a series of straight lines connecting several points. Typically a polyline is used to create open shapes.
Polygons
The polygon element defines a closed shape consisting of a set of connected straight line segments. Example Output