Hello, tribe! Today we are going to talk about the multimedia that HTML allows us to have in our web pages! let's start:
In case we want to put a video we have to use the <video>
tag and in case of audio <audio>
, which shares almost the same attributes and functions as video.
Video
has the following attributes:
- src
- poster
- preload
- mediagroup
- autoplay
- loop
- muted
- controls
- width
- height
Audio
has the following attributes:
- src
- preload
- mediagroup
- autoplay
- loop
- muted
- control
example
<video src="..." ></video>
<videos>
<source src="..." type="video/mp4" />
<source src="..." type="video/webm" />
</videos>
Formats
For audio:
- MP3
- AAC
- Ogg
- Opus
For video:
- MP4,
- WebM
- AV1
These are some examples of formats, they are not the only ones, nor all of them.
👽⚡ Curious facts:
if we drag a video to the browser window, we will see that it starts to play in it!
If you want to insert videos from Youtube or another alternative service, you should use the HTML iframe tag instead of the <video>
tag.
Well guys I think that's all for today! Thanks for following my blog and always remember to be the best version of you! đź’Ş
Top comments (0)