一、图片

1)图片标签 image

<img
  src="图片地址"
  alt="替换文本"
  title="提示文本"
  width="宽度"
  height="高度"
/>

标签属性:属性名=属性值

二、音频

<audio
  src="音频地址"
  controls 显示播放控件
  autoplay 自动播放(部分浏览器不支持)
  loop 循环播放
</audio>支持的格式 mp3 wav

三、视频

<video src="视频地址"
  controls 显示播放控件
  autoplay 自动播放(谷歌浏览器需要配合muted静音播放)
  muted 静音播放
  loop 循环播放
</video>支持的格式 mp4

方法一:利用video标签

用于在html元素中添加视频元素

<video controls >

<source src="视频路径" type="video/视频格式">

</video>

引入视频使用video标签更常见。

方法二:embed标签

用于在html元素中嵌入多媒体元素

<embed src="视频路径" />

方法三:object标签

同方法二一样在html中嵌入多媒体元素

<object data="视频地址"/>

方法二和方法三是不常用的。

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐