[html5]android和iOS微信视频标签播放视频时不全屏的处理方式(附

话不多说，直接上代码。 
已把controls属性取消。需要的自己加上。

<style> 
    video{ 
        width:100%; 
        vertical-align:middle; 
        object-fit:contain; 
        object-position:left top; 
    } 
</style> 

HTML

<p class="play-btn" data-ng-click="playPause(vm.vid)"> 
     <img src="style/images/play_ico.png"/> 
</p> 
<video id="video_{{vm.vid}}" src="{{videoUrl(vm.url)}}" x5-playsinline="" playsinline="" webkit-playsinline="" 
poster="{{vm.pic!=''?vm.pic:''}}" preload="auto" data-ng-click="playPause(vm.vid)"></video> 
 
js： 
function playPause(_vid){ 
    if (document.getElementById('video_'+_vid).paused){ 
        document.getElementById('btn_'+_vid).style.display='none'; 
        document.getElementById('video_'+_vid).play(); 
    }else{ 
        document.getElementById('btn_'+_vid).style.display=''; 
        document.getElementById('video_'+_vid).pause(); 
    } 
}; 
function videoUrl(url){ 
    return $sce.trustAsResourceUrl(url); 
}; 

playPause()：控制视频播放和暂停 
videoUrl()：ng通过$sce服务把一些地址变成安全的、授权的链接. 不是ng代码可以去掉这个。

来源：https://blog.csdn.net/websites/article/details/81062684   作者：websites