音视频标签

一、音频

1.1 属性

controls:是否显示控制条

autoplay:是否自动播放

一般的浏览器并不支持(第一次打开时并没有自动播放,播放之前再刷新就有了;这是由于若第一次播放,但是如果客户端的音量过大,则造成用户体验不佳)

loop:是否循环播放

1.2 写法

第一种:
    <audio src="" controls></audio>

<!-- 
    第二种:
        type中的值为键值对,说明是音频中的mp3格式
        优点:
            对于不同浏览器来说,即使不能显示音频文件,也可通过文字来说明。
-->
    <audio controls>
        该音频不能播放。
        <source src="音频地址" type="audio/mp3">
        <source src="音频地址" type="audio/mav">
    </audio>
或者
    <audio controls>
        <source src="音频地址" type="audio/mp3"> //先显示
        <source src="音频地址" type="audio/mav"> //上面的无法显示,再显示此音频
        <embed src="音频地址" type="audio/mp3"> //IE8及以上可显示
    </audio>                        

二、 视频

<video>用法与<audio>类似

注:

一般音视频都是自己另外设置的,并不使用默认的。

posted @ 2020-10-29 10:18  娜豆  阅读(57)  评论(0编辑  收藏  举报