微信视频看得火爆！解密H5技巧，让你畅快无忧

问题现象分析

在手机上看微信直播视频太费劲儿了！得自己一直点；一边看还不停地弹消息出来，快把我搞崩溃了；最让人受不了的就是看完别人发来的视频，那个广告，看得人头都要炸了。这破事儿真是让人受不了，简直毁掉了我看视频的好心情。

解决办法探究

遇到这些烦人的问题咋搞？试一下给videotag加上点属性，再利用H5里面的videoplay功能爽一把！这样看视频就会更舒服了，流畅稳妥没烦恼。接下来咱们谈谈怎么调整这些属性，让你的微信视频在iOS或者安卓手机上看起来赞爆了。

设置poster属性

哈喽，先给你们普及下poster属性这个概念，就是点开前或下载后就能看见哟。忘记设它？那就用视频的开头，简单凑合一下。但是！我得说，花些时间做个好看的海报真的超赞。看了图再看视频，简直不要太舒服！

设置preload属性

接下来聊的是preload属性，它能决定网页加载完后视频是先显示还是后显示。要是设成”auto”的话，就可以在加载的时候顺便看看视频，这样视频就能更快地出现，省时又好玩儿喔！

我刚刚解决了webkit-playsinline和playsinline这两个小坑儿！

你们知道webkit-playsinline跟playsinline吗？其实，它们就是用来让我们在网页里看视频时，不让它跳出网页来。不过要注意，你所嵌套的app得支持这个功能才行，就像微信一样。如果你发现微信看视频全屏不行的话，那可能是app自身还没准备好跑这俩属性。要解决这个问题很简单，只要在UIwebview里面把“允许在线媒体播放”打开即可，或者也可以试试”webview.allowsInlineMediaPlayback”这个方法。

特殊情况处理

朋友们，看iPhone直播时记得要去个webkit-playsinline安卓的话切个全屏就完事儿了！大部分手机看H5不用特别处理直接全屏就行，但有时会出现那个控制条。要是安卓手机，在x5-video-player-type设成”h5″就能消除这个东西！

x-webkit-airplay属性应用

说实话，大家现在都还不太清楚这个x-webkit-airplay到底有什么用。但是我感觉，大概是想在iOS设备上也能用AirPlay看视频？用AirPlay的话，不管在哪儿都能在iOS设备上播个视频、听听歌、看看照片之类的，真的很实用喔！

结合实际应用场景

要搞定这个问题，你只要把video标签的一些参数调一下就好！别忘了想个通用的解决办法，弄清楚了再选择对应的参数。照这样做的话，不管是iOS还是安卓设备，看微信里的视频都会超爽，感觉更棒了！