Detailed explanation of new multimedia tags in HTML5

This article will introduce to you the commonly used multimedia tags in HTML and the new multimedia tags in HTML5. I hope it will be helpful to friends in need!

New multimedia tags in HTML5

1: Video<video></video>

Currently the

Browser	MP4	WebM	Ogg
IE	YES	NO	NO
Chrome	YES	YES	YES
Firefox	YES Starting from Firefox21 version Linux system starting from Firefox 30	YES	YES
Safari	YES	NO	NO
Opera	YES Starting from Opera25 version	YES	YES

<video controls="controls" autoplay="autoplay" muted="muted" width="500px" height="400px" loop="loop" poster="images/tudou.jpg" preload="none">
    <source src="medio/mov_bbb.mp4">
    <source src="medio/mov_bbb.ogg">
    您的浏览器暂不支持<video>标签播放视频</video>

Video

##autoplayautoplayThe video is ready to play automatically (Google browser needs to add muted to solve the autoplay problem) controlscontrolsShow playback controls to the user##width heightloopsrcpostermuted##2: Audio

Attribute	value	Description
pixels(pixels)	Set player width
pixels(pixels)	Play Device height
loop	loop
url	Video url address
imageurl	Load the waiting picture
muted	Mute playback

The above is the detailed content of Detailed explanation of new multimedia tags in HTML5. For more information, please follow other related articles on the PHP Chinese website!