音频 视频 的语法标签 以及相关的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

分享

分享海报

扫一扫 - 分享本文

打赏

微信

扫一扫 - 打赏鹏仔

收藏

请按下 Ctrl + D

即可收藏当前文章

手机看

分享到微信朋友圈

扫一扫 - 手机阅读

侵权投诉

侵权、举报、建议

↓