HTML常用标签之图片、视频、音频标签
文章分别介绍了图片、视频、音频的添加方式。认识图片存储的绝对路径和相对路径。介绍了视频和音频的播放方式
·
一、图片 img
图片属性名为：img,属性值有src（图片路径）、alt（图片替代文本）、title（图片提示）
<img src="/img/xz.jpeg" alt="肖战" title="肖战西装照">
二、视频 video
有些视频说：浏览器限制有声音的视频即使添加自动播放属性autoplay也不能直接播放，添加muted意为静音播放即可实现自动播放。但是奇怪的是我在idea中即使没有加muted也可以自动播放。
| 属性 | 含义 |
|---|---|
| src(必填) | 地址 |
| controls | 控制面板 |
| loop | 循环播放 |
| muted | 静音播放 |
| autoplay | 自动播放 |
| onerror | 视频加载出错时的运行方法 |
<video src="/video/流浪地球2.mp4" controls loop muted autoplay></video>
运行截图
三、音频 audio
浏览器禁用了自动播放音频的功能，即使设置了autoplay也会失效
<audio src="/audio/music.mp3" controls loop></audio>
运行截图
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
2
0- 0
已为社区贡献1条内容
所有评论(0)