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

39000f942b2545a5315c57fa3276f220 tag defines a video, such as a movie clip or other video stream.

<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

b97864c2e0ef2353a16c4d64c7734e92 tag defines sound, such as music or other audio streams.

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

3. Source element

e02da388656c3265154666b7c71a8ddc tag defines media resources for media elements (such as 39000f942b2545a5315c57fa3276f220 and b97864c2e0ef2353a16c4d64c7734e92). The

e02da388656c3265154666b7c71a8ddc 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

9bf7cbf2c39baa37076a22499de2f6ed 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

d8e2720730be5ddc9c2a3782839e8eb6 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!