·您當前的位置:主頁 > 技術教程 > 微信視頻 >

微信瀏覽器視頻video標簽自動變成全屏的解決

時間:2017-12-29 14:56csdn.net
微信瀏覽器視頻video標簽自動變成全屏的解決

微信內置的瀏覽器是QQ瀏覽器,個人感覺挺渣的(可能我使用不多對QQ瀏覽器無感)。 在微信瀏覽器里面使用video標簽,一點擊放視頻會自動變成全屏,可以用一些H5的video屬性:

  1. <video id="videoID" webkit-playsinline="true" x-webkit-airplay="true"  
    playsinline="true"x5-video-player-type="h5"x5-video-player-fullscreen="true"
    width="100%" height="100%"preload="auto"  poster="" src="">   
  2. </video>   

但是這個解決方案在安卓的微信里面,還是會全屏顯示, 在網上搜了這個解決辦法:給video加上object-fit: fill;的style屬性。 但是實際應用中還是會全屏,對此很是蛋疼。 最后在微信瀏覽器里播放完自己網站的視頻還可能會出現微信推薦的其他視頻。

 

熱門文章推薦

請稍候...
北京快乐八开奖结果