html5中video和audio标签

[复制链接]
查看1957 | 回复0 | 2020-7-22 06:38 | 显示全部楼层 |阅读模式
video标签是h5专门用来播放视屏的,可以写单个,也可以写多个,支持格式有MP4、WebM、OGG
  1. <video controls autoplay loop>
  2.     <source src="邓紫棋_喜欢你.mkv">
  3.     <source src="邓紫棋_喜欢你.webm">
  4. </video>
复制代码

audio标签是h5专门用来播放音频的,支持的格式有MP3、OGG、WAV
  1. <audio src="邓紫棋-喜欢你.mp3" controls autoplay="autoplay"></audio>
复制代码
controls="controls"用来显示控制面板
autoplay="autoplay"用来控制自动播放
loop="loop"用来设置循环播放
多学一招:为了兼容,通常会写多个资源,第一个不能播放就播放第二个,原因是不同的浏览器支持的格式不一样,所以出现了一种兼容写法(前提是准备三种格式的视频文件)
  1. <audio controls autoplay>
  2.         <source src="music/music.mp3">
  3.     <source src="music/music.ogg">
  4. </audio>
复制代码
浏览器会从上到下依次去读,在这个过程中,只要读到自己识别的视频文件就直接播放这个视频文件,并且不会再往后继续读取。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-4-16