兼容总结

    <!-- 多选框 checked 兼容问题--
            表单里面的默认选择的单选或者复选按钮有两种形式
              - checked="checked" 兼容
              - checked           在HTML5中新增的写法，只要兼容HTML5即可  那么那些浏览器不支持这种写法？？？
           >

<h1>audio音频兼容写法</h1>
<!-- 引入音频文件  IE8不支持音频-->
<audio src="./source/audio.mp3" controls autoplay loop></audio>
<!-- src引入音频标签以外还可以利用source来指定文件 -->
<audio controls>
    对不起,您的浏览器不支持播放音频!请升级浏览器
    <!-- 优先执行MP3格式 -->
    <source src="./source/audio.mp3">
    <!-- 上面格式不支持则执行ogg格式 -->
    <source src="./source/audio.ogg">
    <!-- embed可以支持老版本浏览器,但是样式很丑 -->
    <embed src="./source/audio.mp3" type="audio/mp3" width="500" height="150">
</audio>


<h1>video视频兼容写法</h1>
<!-- 引入视频文件 -->
<video src="./source/audio.mp4" controls autoplay loop></video>
<video controls>
    对不起,您的浏览器不支持播放视频!请升级浏览器
    <source src="./source/audio.webm">
    <source src="./source/audio.mp4">
     <embed src="./source/audio.mp4" type="video/mp4">
</video>