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入口