HTML day6 多媒体标签

一.视频标签

<video src="video/1.mp4" 
        muted autoplay controls
        width="600px" height="300px"
        poster="images/1.png"
        preload="metadata" 
        loop>       
        <source src="video/1.mp4" type="video/mp4">
        <source src="video/1.mp4" type="video/webm">
        <!-- 也可以将src写入标签里 -->
    </video>

二.音频标签(同视频标签)

    <audio src=""
        controls
        muted
        preload="auto"
    
    >
    </audio>

三.总结

video 视频标签
audio 音频标签
muted 静音
autoplay 自动播放
controls 添加控制条
poster 封面
preload 加载选项
loop 循环播放