source标签一般用于video标签、audio标签定义媒体资源。允许视频或音频根据浏览器的兼容性进行选择。
（1）.选择合适的视频播放
<video width="800" height="" controls="controls">
<source src="//img.yd166.com/imgs/video.mp4" type="video/mp4"></source>
<source src="//img.yd166.com/imgs/video.ogv" type="video/ogg"></source>
<source src="//img.yd166.com/myvideo.webm" type="video/webm"></source>
<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
<param name="movie" value="myvideo.swf" />
<param name="flashvars" value="autostart=true&file=myvideo.swf" />
</object>
当前浏览器不支持 video直接播放，点击这里下载视频： <a href="myvideo.webm">下载视频</a>
</video>
（2）. 选择合适的音频播放
<audio>
<source src="//img.yd166.com/imgs/video.mp3" type="audio/mp3"></source>
<source src="//img.yd166.com/imgs/video.mp4" type="audio/mp4"></source>
</audio>
视频素材
欢迎关注我的头条号，我将持续为大家更新web前端学习资料，谢谢
