微信公众号Android X5内核实现页面内播放视频的解决方法

<video :poster="taskDetail.videos[0].cover" :src="taskDetail.videos[0].url" controls controlsList="nodownload" preload="none" x-webkit-airplay="allow" playsinline webkit-playsinline x5-playsinline></video>

属性

1、隐藏下载按钮： controlsList="nodownload"
2、内联显示视频的属性： playsinline（iOS 10及以上版本支持playsinline）、webkit-playsinline（iOS 10 之前的版本支持 webkit-playsinline）、x5-playsinline（支持安卓x5内核）
3、用户需要这个视频优先加载： preload="none"（注意：安卓手机原生内核的情况下preload的属性设置为auto的话，点击播放按钮播放视频，视频不会播放，必须刷新页面才能播放）
4、这个属性应该是使此视频支持ios的AirPlay功能：x-webkit-airplay="allow"（使用AirPlay可以直接从使用iOS的设备上的不同位置播放视频、音乐还有照片文件，也就是说通过AirPlay功能可以实现影音文件的无线播放，当然前提是播放的终端设备也要支持相应的功能）

注意：

1、千万不要用 x5-video-player-type="h5" ，会让视频数出现其他的问题
2、安卓手机原生内核的情况下preload的属性设置为auto的话，点击播放按钮播放视频，视频不会播放，必须刷新页面才能播放，一定不要设置为auto，而是设置为none。

原文链接：https://blog.csdn.net/xieweiaaa/article/details/103876656