HTML5中的播放器標(biāo)簽：
Video支持的視頻格式
vedio元素的屬性

播放器一些屬性：
src ：視頻路徑
autoplay ：自動播放
controls ：提供視頻播放的控制面板，只有屬性名，沒有屬性值
loop ：視頻的循環(huán)播放
poster ：在視頻播放之前，顯示一張圖片
width/height ：設(shè)置顯示視頻的寬度和高度
muted :設(shè)置靜音

視頻兼容：
每一個瀏覽器都有不同的播放格式：
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

音頻和視頻差不多也是一樣的操作方法：
同樣的屬性，唯獨設(shè)置樣式不一樣。
用 style=""來設(shè)置樣式：

<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