html5的视频音频放置方法

在自己的站点放置视频方法：
1：直接将视频放在服务器下面
2：将视频文件放在视频平台上，土豆 优酷 ，添加超链接。很多东西传不进去，保留原本
3：html5支持的格式
Ogg
MP4
webm
视频图片都是二进制格式存储
Html5从IE9开始支持
代码

<!-- html5添加视频 -->
        <div class="row">
            <div class="col-md-12">
                <video src="media/wmzl.mp4" controls="controls" width="400px" height="600px" poster="images/login-bg.jpg">对不起，你的浏览器不支持本技术，请升级你的浏览器
                </video>    
            </div>
        </div>

        <div class="col-md-12">
            <video controls="controls" width="600px" height="400px"  autoplay="autoplay" loop="loop" poster="images/login-bg.jpg">
                <source src="media/wmzl.mp4">
                对不起，你的浏览器不支持本技术，请升级你的浏览器
            </video>
        </div>

添加音频同上

<audio src="/i/song.ogg" controls="controls" autoplay="autoplay" loop="loop" preload="preload">
Your browser does not support the audio element.
</audio>

<audio controls="controls">
  <source src="/i/song.ogg" type="audio/ogg">
  <source src="/i/song.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

手机和pc的布局和展示方式都要做很大的改动

最保险的方式 通过js 获得屏幕的分辨率（高和宽） 然后去计算组件高和宽

App开发的三种形式:
1.Ios
2.Andriod
3.Html5+css+j+ php(java) +mysql+类似bootstrap
最后打包做一个app入口