百变鹏仔-专注前端行业精选
当前位置:网站首页 > 最近更新 > 前端开发 > HTML > 正文

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

作者:鹏仔先生日期:2020-06-02 15:24:40浏览:3688分类:HTML


音频

    语法:

<audio controls loop autoplay>
    <source src="音频文件路径" 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="视频路径" 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

手机扫码访问

暂无评论,来添加一个吧。

取消回复欢迎 发表评论:

关灯