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