音视频标签

音频标签

<audio src="" controls autoplay loop></audio>
  • src指定音频路径
  • 音频文件默认不会在页面上显示,加上controls属性才出现播放器
    在这里插入图片描述
  • autoplay设置自动播放,但目前大多数浏览器都不支持了
  • loop设置循环播放

除了src属性,还能通过source标签引入音频

<audio>
	<source src="./source/audio.mp3">
</audio>
  • source标签是自结束标签
  • 一个audio标签中可以有多个source标签,例如
<audio>
	<source src="./source/audio.mp3">
	<source src="./source/audio.ogg">
	对不起,您的浏览器不支持播放音频!请升级浏览器!
</audio>
  • 多个source不会有冲突,浏览器会自上而下选择第一个能播放的格式
  • IE8及其以前版本不支持audio标签,不会识别audio和source的内容,因此加上一段文字,能起提示作用
     

视频标签

<video src="" controls autoplay loop></video>
  • 各个属性和audio标签一样
     

embed标签

<embed src="" type="" width="" height="">
  • embed标签是自结束标签
  • 用于IE8及其以前版本浏览器中加载音频、视频
  • src、width和height属性表示路径、宽度和高度
  • type表示音频或视频的格式,例如
<embed src="./source/flower.mp4" type="video/mp4">
发布了48 篇原创文章 · 获赞 0 · 访问量 1012

猜你喜欢

转载自blog.csdn.net/qq_35764106/article/details/104157813