HTML音频和视频

HTML5中的播放器标签：
Video支持的视频格式
vedio元素的属性

播放器一些属性：
src ：视频路径
autoplay ：自动播放
controls ：提供视频播放的控制面板，只有属性名，没有属性值
loop ：视频的循环播放
poster ：在视频播放之前，显示一张图片
width/height ：设置显示视频的宽度和高度
muted :设置静音

视频兼容：
每一个浏览器都有不同的播放格式：
MP4 ：目前比较主流
OGG ：多用于移动端
WebM ：目前唯一支持超高

HTML5中的视频，使用video和source搭配，来解决浏览器视频格式兼容问题，如果都不支持，可以在video里面写提示语

<video id="vid" controls="controls" width="1000px;" height="300px;" outline="none;" autoplay muted poster="./1.jpg" loop>
            <source src="./WeChat_20190731085814.mp4">
            <source src="./WeChat_20190731085814.mp4">
            <source src="./WeChat_20190731085814.mp4">
        </video>

image.png

音频和视频差不多也是一样的操作方法：
同样的属性，唯独设置样式不一样。
用 style=""来设置样式：

<audio controls="controls" style="width: 500px; height: 200px;">
        <source src="./WeChat_20190731085814.mp4">
        <source src="./WeChat_20190731085814.mp4">
         <source src="./WeChat_20190731085814.mp4">
    </audio>

image.png