Loading... # 六、视频&音频标签 ## 1、视频标签 视频标签，用于支持和实现视频文件的直接播放，支持缓冲预加载和多种视频媒体格式，如：WEBM、MP4、OGG等 - **video视频标签** - **controls播放控件** - 这里需要注意在**直接添加视频时是无法播放的**，添加**controls播放控件**即可实现视频在网页播放。 - 我们也可以用前面所学过的**width&height属性**编写视频显示大小。 ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <video src="./video/Linux_百度百科.mp4" width="500px" controls></video> </body> </html> ``` ![][1] ## 2、音频标签 音频标签，用于支持和实现音频文件的直接播放，支持缓冲预加载和多种音频格式，如：MP3、OGG、WAV等。 - **audio音频标签** - **controls播放控件** ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <audio src="./audio/许66 - 爱丫爱丫.mp3" controls ></audio> </body> </html> ``` ![][2] # [1]: https://a-hxin.cn/usr/uploads/2022/12/646658013.png [2]: https://a-hxin.cn/usr/uploads/2022/12/553557650.png 最后修改：2024 年 01 月 24 日 © 允许规范转载 打赏 赞赏作者 赞 咱们谁跟谁，用不着～