首页 前端知识 如何在html中插入媒体(视频 音频 图片) html中插入方法

如何在html中插入媒体(视频 音频 图片) html中插入方法

2024-05-06 09:05:29 前端知识 前端哥 532 258 我要收藏

一、图片

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="视频地址"/>

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/7217.html
标签
音视频
评论
发布的文章

exceljs

2024-05-11 10:05:00

Java研学-JSON与AJAX

2024-05-10 22:05:37

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!