## mp4播放 用了html5的video标签，由于样式关系，宽度写死，然后为了不阻塞chrome列表页，预加载写死禁止了。之前遇到多个视频列表里页面打开了很久没有加载完的问题。后来查出chrome好像最多6个线程加载资源。视频一般太大，就会加载卡住浏览器假死。 ~~~ <video src="{$post.content.video_url}" controls="controls" poster="{$post.content.cover|get_cover}" width="617" preload="false" autoplay="$post.content.auto?'autoplay':false" loop="$post.content.circle?'loop':false"></video> ~~~ ## 在线视频 在线视频也简单，一个标签搞定。 ~~~ <embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="{$post.content.video_url}" width="617" height="480" wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true"> ~~~ 为什么选mp4，因为这个是浏览器里兼容最多的格式。而且苹果系统Safari默认不支持flash，只支持html5，所以网友写了一个[妈妈再也不同担心我的macbook发烫计划](http://zythum.sinaapp.com/youkuhtml5playerbookmark/) 将很多在线视频网站提供的mp4源在播放时强制找出来播放。