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

2020-11-12 14:21发布

音频

    语法:

<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



作者:鹏仔先生

链接:http://sharedblog.cn/post/114.html

来源:共享播客

著作权归作者所有,转载请联系作者获得授权,切勿私自转载。