What are the media elements in html5

The media elements in html5 are: 1. video element, used to define video in the document; 2. audio element, used to define sound in the document; 3. source element, used for media elements ( video, audio, etc.) define media resources; 4. track element; 5. embed element.

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

Media elements in html5

HTML5 has strong support for media and supports the following media elements:

• audio Define audio

• video Define video

• embed As a container for external applications

• source Support for multiple media sources

• track Define text tracking of media

1. Video element The

<video src="视频路径" controls></video>

src is the path to the video file to be specified; controls is the control that provides playback, pause and volume.

2. Audio element

<audio src="音频路径" controls></audeo>

3. Source element

tag defines media resources for media elements (such as

tag allows you to specify alternative video/audio files for the browser to select based on its support for media types or codecs.

<video controls>
    <source src="vodeo/video.webm" type="video/webm"/>
</video>

The function of the source tag is to set several formats for video or audio resources, so that the browser can choose the format it can play for playback.

4. track element

tag specifies an external text track for media such as video elements.

<video width="320" height="240" controls="controls">
  <source src="forrest_gump.mp4" type="video/mp4" />
  <source src="forrest_gump.ogg" type="video/ogg" />
  <track kind="subtitles" src="subs_chi.srt" srclang="zh" label="Chinese">
  <track kind="subtitles" src="subs_eng.srt" srclang="en" label="English">
</video>

5. embed element

tag defines embedded content, such as plug-ins.

<embed src="媒体文件" />

Related recommendations: "html video tutorial"

The above is the detailed content of What are the media elements in html5. For more information, please follow other related articles on the PHP Chinese website!