前端—多媒体标签

前端—多媒体标签

视频文件

src:播放的音频文件的路径
controls：音频播放器的控制面板
autoplay：自动播放
loop：循环

<video src="" controls></video>

音频文件

src:播放的音频文件的路径
controls：音频播放器的控制面板
autoplay：自动播放
loop：循环
width:宽度
height：高度
poster：当视频还没有完全下载或者用户没有点击播放前的默认显示的封面，默认显示当前视频文件的第一幅画面
注意事项：当设置宽高时，一般情况下只会设置自宽度或高度，让其自动等比缩放，若同时设置宽度和高度，并不会真正的缩放

<audio src="" controls></audio>

source的使用

type=“video/…” 写的是格式

<!--重点说明source的使用：因为不同浏览器支持度的视频格式不同，所以我们在进行视频添加的时候
，需要看绿道浏览器是否支持，我们可以准备多个格式的视频文件，让其自动选择-->
<video controls>
    <source src="" type="video/">
</video>