>
导航首页 » 技术教程

音频 视频 的语法标签 以及相关的html属性

2024/10/31 10:23:06    懒猫导航网    已浏览6次

音频

语法:

<audio controls loop autoplay>
<source src="https://www.jishujc.com/wyjc/音频文件路径" type="audio/mp3"/>
</audio>

注:音频相关html属性

  1. controls 添加音频控制条

  2. src 引入音频文件路径

  3. autoplay 设置自动播放

  4. loop 设置循环播放

  5. autobuffer 设置此属性后,即使没有自动播放,也会开始缓冲音频

  6. preload 在页面加载的同时音频文件准备就绪

    注:常见的音频格式: mp3、wav、ogg

视频

语法:

<video controls width="500" height="300" autoplay loop poster="封面图片路径">
 <source src="https://www.jishujc.com/wyjc/视频路径" type="video/mp4"/>
</video>

  注:视频相关html属性

  1.controls给视频添加一个控制条

  2.width定义视频区域宽度

  3.height定义视频区域高度

  4.autoplay视频自动播放

  5.loop视频循环播放

  6.poster在视频播放前或暂停,快进快退时添加的一张图片(视频封面图片)

  7.autobuffer设置此属性后,即使没有自动播放,也会开始缓冲视频

  8.preload在页面加载的同时音频文件准备就绪

  注:常见的视频格式:mp4(MPEG4)、webm、ogg