已測適用於ios,某些安卓手機微信下播放視頻會出現播放器控制項(這個實在是無力吐槽了,因為之前還遇到過微信播放完視頻後竟然無法退出全屏出現廣告的情況,只有播放完後刷新頁面並且要放到框架頁里才能屏蔽微信視頻廣告!),之前用canvans渲染,感覺不夠太完美,又弄成背景切換形式得(用背景切換形式可以完美解 ...
已測適用於ios,某些安卓手機微信下播放視頻會出現播放器控制項(這個實在是無力吐槽了,因為之前還遇到過微信播放完視頻後竟然無法退出全屏出現廣告的情況,只有播放完後刷新頁面並且要放到框架頁里才能屏蔽微信視頻廣告!),之前用canvans渲染,感覺不夠太完美,又弄成背景切換形式得(用背景切換形式可以完美解決當一個容器有transform:rotate(90deg)屬性時自適應百分比問題,若是canvans需去計算高寬太麻煩還需考慮不同系統)。
想要手機端h5播放時不自動全屏比想象的簡單,看加粗部分,一般人我不告訴他噢。
<video id="video" poster="" width="100%" height="100%" x-webkit-airplay="true" webkit-playsinline="true">
<source src="http://file.ih5.cn/files/34906/16999/1f3b3c.mp4" type="video/mp4" codecs="avc1.42E01E,mp4a.40.2">
</video>