Cet article vous présentera les balises multimédia couramment utilisées en HTML et les nouvelles balises multimédia en HTML5. J'espère qu'il sera utile aux amis dans le besoin !
Nouvelles balises multimédia HTML5
1 : Vidéo <video>
<video>
当前<video>元素支持三种视频格式:尽量使用MP4格式
浏览器 | MP4 | WebM | Ogg |
---|---|---|---|
IE | YES | NO | NO |
Chrome | YES | YES | YES |
Firefox | YES 从Firefox21版本开始Linux系统从Firefox 30开始 | YES | YES |
Safari | YES | NO | NO |
Opera | YES 从Opera25版本开始 | 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>——常见属性
属性 | 值 | 描述 |
---|---|---|
autoplay | autoplay | 视频就绪自动播放(谷歌浏览器需添加muted来解决自动播放问题) |
controls | controls | 向用户显示播放控件 |
width | pixels(像素) | 设置播放器宽度 |
height | pixels(像素) | 播放器高度 |
loop | loop | 循环播放 |
src | url | 视频url地址 |
poster | imageurl | 加载等待的话面图片 |
muted | muted | 静音播放 |
二:音频<audio>
Navigateur | MP4 | WebM | Ogg |
---|---|---|---|
IE | OUI | NON | NON |
Chrome | OUI | OUI | OUI |
Firefox | OUI démarre à partir de la version Firefox21 Système Linux à partir de Firefox 30 | OUI | OUI |
Safari | OUI | NON | NON |
Opera | OUI à partir de la version Opera25 | OUI | OUI |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5音频标签</title></head><body> <audio controls="controls" autoplay="autoplay" muted="muted" loop="loop"> <source src="medio/music.mp3" type="audio/mpeg"> 您的浏览器不支持audio元素</audio> </body> </html>
property | autoplay | |
---|---|---|
muet | muet | |
Deux : Audio | ||
Internet Explorer 9+ | OUI | |
Safari 5 + | OUI | OUI |
Opéra 10+ | OUI |
OUI
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!